/* @override 
	http://203.143.96.127:8003/profile/2026sp/assets/css/profile.css
	https://www.frontale.co.jp/profile/2026sp/assets/css/profile.css */

@charset "UTF-8";

/* 過去のシーズン */
@import url('/profile/css/past_profile_select.css');

/* base */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* SNS overlay 2018-02-13 ----------------------------- */

div#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 20;
  background-color: hsla(0, 100%, 100%, 0.9);
}

div#overlay,
div#box_ov_layer {
  display: none;
}

div#box_ov_layer {
  position: fixed;
  width: 780px;
  left: 50%;
  margin-left: -390px;
  height: 100vh;
  z-index: 6000;
}

div#box_ov_layer>.inner {
  background-color: #fff;
  border-radius: 24px;
  height: 500px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

p#btn_close_layer {
  position: absolute;
  bottom: 0;
  right: -74px;
  font-family: 'Roboto', sans-serif;
  color: #fff;
  z-index: 50;
  text-align: center;
  display: block;
  width: 64px;
  height: auto;
}

p#btn_close_layer a {
  color: #fff;
  padding-top: 40px;
  display: block;
}

p#btn_close_layer a:hover {
  color: #fff;
}

p#btn_close_layer a::before {
  content: ' ';
  display: block;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -18px;
  z-index: 30;
  background-image: url(/common_2017/svg/icon_close_wh.svg);
}

div#box_ov_layer>.inner>section {
  box-sizing: border-box;
  width: 100%;
  height: 500px;
  padding: 32px;
  text-align: center;
}

div#box_ov_layer>.inner>section h2 {
  font-size: 3rem;
  margin-bottom: 0.5em;
}

div#box_ov_layer>.inner>section h2 strong {
  margin-right: 0.3em;
}

div#box_ov_layer>.inner>section h2+p {
  font-size: 1.8rem;
  margin-bottom: 1em;
}

div#box_ov_layer>.inner>section p#box_qr_code {
  height: 250px;
}

div#box_ov_layer>.inner>section p#box_qr_code img {
  height: 100%;
  width: auto;
}

div#box_ov_layer>.inner>section div.bottom {
  display: flex;
  align-items: flex-end;
  padding-top: 20px;
}

div#box_ov_layer>.inner>section div.bottom ul.notice {
  font-size: 1.1rem;
  text-align: left;
  color: #666;
  line-height: 1.5;
}

div#box_app_links {
  text-align: left;
  width: 350px;
  margin-right: 16px;
  margin-left: 12px;
}

div#box_app_links::after {
  content: '';
  display: table;
  clear: both;
}

div#box_app_links .inner {
  padding-top: 2px;
}

div#box_app_links h4 {
  font-size: 1.4rem;
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: middle;
  padding-left: 0.2em;
}

div#box_app_links h4+p {
  display: inline-block;
  font-size: 1.1rem;
}

div#box_app_links figure {
  width: 70px;
  height: 70px;
  display: block;
  overflow: hidden;
  border-radius: 15px;
  float: left;
  margin-right: 12px;
}

div#box_app_links figure img {
  width: 100%;
  height: auto;
}

div#box_app_links ul {
  display: inline-block;
  padding-top: 6px;
  padding-bottom: 0.3em;
}

div#box_app_links li {
  display: inline-block;
}

div#box_app_links li a {
  display: block;
}

div#box_app_links li img {
  height: 38px;
  width: auto;
}

/* /SNS overlay ----------------------------- */

a {
  color: #1fa0de;
}

a:hover {
  transition: 0.2s;
  opacity: 0.7;
}

#list_prof li a:hover,
#page_profile a:hover {
  color: #1fa0de;
}

/*  */

#box_ttl h1 {
  font-feature-settings: 'palt' 1;
  /* letter-spacing: 0.05em; */
}

.dot {
  display: inline-block;
  margin: 0 0;
  padding: 0;
  width: auto;
}

h1 .dot {
  font-size: 2.8rem !important;
  color: #111 !important;
  position: relative;
  display: inline-block !important;
  padding: 0 !important;
  /* margin-right: -0.2em;
  margin-left: -0.2em;
  top: -0em; */
  font-style: normal;
}

p,
dt,
dd,
dl,
li,
ul,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

/*  */

#inner_gnav {
  padding-left: 0;
}

/*  */

/*  */

#box_nav {
  width: 1024px;
  margin: 40px auto 0;
  padding-right: 7px;
  position: relative;
}

@media screen and (max-width: 768px) {
  #box_nav {
    width: 96%;
    margin: 20px auto;
    text-align: center;
  }
}

#box_nav:after {
  content: '.';
  visibility: hidden;
  height: 0;
  clear: both;
  display: block;
}

nav.snav {
  float: left;
  margin: 0;
  margin-top: 9px;
}

@media screen and (max-width: 768px) {
  nav.snav {
    float: none;
    width: 100%;
    margin: 30px 0;
  }

  ul.list_prof {
    display: none !important;
  }
}

nav.snav:after {
  content: '.';
  visibility: hidden;
  height: 0;
  clear: both;
  display: block;
}

nav.snav>ul {
  display: inline-block;
}

nav.snav ul.list_prof {
  display: none;
}

@media screen and (max-width: 768px) {
  nav.snav>ul {}
}

nav.snav>ul li {
  font-size: 1.6rem;
  float: left;
  height: 26px;
  margin-right: 13px;
}

nav.snav>ul li a {
  color: #222222;
  border-left: 1px solid #aaa;
  padding-left: 11px;
  padding-top: 0.45em;
  padding-bottom: 0.3em;
}

nav.snav>ul li.position a {
  border-left: none;
}

ul.list_prof {
  display: inline-block;
  margin-left: 30px;
}

@media screen and (max-width: 768px) {
  ul.list_prof {
    display: none;
  }

  nav.snav>ul li:first-child a {
    border-left: none;
  }
}

ul.list_prof li.btn_list {
  position: relative;
}

ul.list_prof li.btn_list>a {
  border: none;
  position: relative;
  padding-right: 13px;
  transition: background-color 0.2s;
}

.menu-item>a::after,
ul.list_prof li.btn_list a:after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #23b7fe;
  border-right: 2px solid #23b7fe;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 7px;
  right: 0;
}

#box_menu ul.list_prof li.btn_list a:after {
  top: 1px;
}

div.list_player {
  position: absolute;
  background-color: #fff;
  z-index: 10000;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
  padding: 22px 30px;
  width: 500px;
  display: none;
  top: 38px;
  right: 0;
  border-radius: 4px;
  /* display: block !important; */
}

#box_nav div.list_player {
  width: 270px;
}

#box_menu div.list_player>ul {
  float: none;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 10px 8px;
}

div.list_player::before {
  content: "";
  display: block;
  position: absolute;
  top: -50px;
  right: 0;
  width: 100px;
  height: 50px;
  background-color: transparent;
}

div.list_player p {
  font-size: 1.4rem;
  margin-left: 5px;
  margin-bottom: 10px;
}

div.list_player ul {}

#box_menu ul.list_prof div.list_player li {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  font-size: 2.0rem;
}

div.list_player li a {
  display: block;
  font-family: "DINNextLTPro-Medium", "Roboto", sans-serif;
  text-align: center;
  border-radius: 4px;
  padding: 6px 0;
}

#page_profile div.list_player li a:hover {
  color: #111;
  background-color: #e0f2fe;
  opacity: 1;
}

ul.list_prof div.list_player li a:after {
  display: none;
}

#box_menu ul.list_prof {

  /* スタッフ一覧メニュー */
  & .menu-item {
    position: relative;
    cursor: pointer;
  }

  & .menu-item>a {
    padding-right: 13px;
  }

  & .menu-item>a::after {}

  /* ドロップダウンメニュー本体 */
  & .dropdown-menu {
    display: none;
    float: none;
    position: absolute;
    width: 224px;
    background-color: #fff;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 10px 0;
    z-index: 1000;
    /* display: block !important; */
  }

  & .staff .dropdown-menu {
    top: 38px;
    right: -25px;
  }

  & .dropdown-menu li {
    width: 100%;
    padding: 0 10px;
    height: auto;
  }

  /* ドロップダウン内のリスト項目 */
  & .dropdown-menu li a {
    display: block;
    width: 100%;
    border-radius: 4px;
    padding: 10px 20px;
    font-size: 1.6rem;
    transition: background-color 0.2s;
  }

  /* ホバー時の挙動（親メニューホバーでドロップダウン表示） */
  & .menu-item:hover .dropdown-menu {
    display: block;
  }

  /* ドロップダウン項目のホバー色（画像の水色） */
  & .dropdown-menu li a:hover {
    color: #111;
    background-color: #e0f2fe;
    opacity: 1;
  }

  & .dropdown-menu::before {
    content: "";
    display: block;
    position: absolute;
    top: -50px;
    right: 0;
    width: 144px;
    height: 50px;
    background-color: transparent;
  }

}

/*  */

body.list_position li.position,
body.list_number li.number,
body.list_gene li.generation,
body.list_join li.join,
body.list_area li.area {
  margin-right: 0;
}

body.list_position nav.snav ul li.number a {
  border: none;
}

body.list_number nav.snav ul li.generation a {
  border: none;
}

body.list_gene nav.snav ul li.join a {
  border: none;
}

body.list_join nav.snav ul li.area a {
  border: none;
}

body.list_area li.area a,
body.list_position li.position a,
body.list_number li.number a,
body.list_gene li.generation a,
body.list_join li.join a,
body.list_position li.position a {
  background-color: #23b7fe;
  color: #fff;
  padding-right: 13px;
  border-radius: 3px;
}

/*  */

#box_nav h3 {
  float: right;
  font-size: 3.6rem;
  font-family: 'Roboto', sans-serif;
  color: #111111;
  position: relative;
  margin: 0;
  position: relative;
  top: -4px;
  font-weight: 300;
}

#box_nav h3:after {
  transform: skew(-36deg);
  -webkit-transform: skew(-36deg);
  -ms-transform: skew(-36deg);
  -moz-transform: skew(-36deg);
  -o-transform: skew(-36deg);
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -20px;
  height: 100%;
  z-index: 2;
  border-right: 4px solid #2cbafe;
}

#box_nav h3 span {
  color: #23b7fe;
  font-weight: 600;
}

#box_nav p.btn_select {
  /*float: right;*/
  font-size: 1.6rem;
  clear: right;
  /*display: none;*/
}

#box_nav p.btn_select a {
  color: #222222;
  position: relative;
  display: block;
  padding-right: 17px;
}

#box_nav p.btn_select a:after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #23b7fe;
  border-right: 2px solid #23b7fe;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 4px;
  right: 0;
}

/*  */

#season_selector {
  float: right;
  position: relative;
  clear: both;
  margin-top: 6px;
  /*display: none;*/
}

/* #layer_season_selector {
  display: none;
  width: 360px;
  position: absolute;
  right: 0;
  background-color: #fff;
  z-index: 100;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  border-bottom: none;
  z-index: 1000000;

}

#layer_season_selector ul {
  width: 100%;
  background-color: #fff;
  column-count: 3;
  column-width: auto;
  column-gap: 0;

  border-right: 1px solid #23b7fe;
  border-bottom: 1px solid #23b7fe;
  position: relative;
}

#layer_season_selector ul:after {
  content: '';
  display: block;
  border-top: 1px solid #23b7fe;
  border-left: 1px solid #23b7fe;

  width: calc(100% / 3);
  height: calc(100% / 9);

  position: absolute;
  right: 0;
  bottom: 1px;
}

#layer_season_selector li {
  font-size: 1.4rem;
  text-align: center;
}

#layer_season_selector li a {
  display: inline-block;
  width: 100%;
  padding: 1.1em 0.4em 0.9em;
  border-top: 1px solid #23b7fe;
  border-left: 1px solid #23b7fe;

  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

#layer_season_selector li a:hover {
  background-color: #d2f0fe;
} */

/*  */

#box_cnav {
  clear: both;
  width: 1084px;
  margin: 32px auto 0;
  position: relative;
}

#box_cnav div.inner {
  width: 1024px;
  margin: 0 auto;
  border-bottom: 1px solid #bbbbbb;
  padding-left: 96px;
  padding-bottom: 20px;
}

#box_cnav div.inner:after {
  content: '.';
  visibility: hidden;
  height: 0;
  clear: both;
  display: block;
}

#btn_prev,
#btn_next {
  position: absolute;
  font-size: 1.8rem;
  top: 24px;
  margin: 0;
}

#btn_prev {
  left: 0;
}

#btn_next {
  right: 0;
}

#btn_prev a,
#btn_next a {
  color: #111111;
  padding-top: 8px;
  position: relative;
}

#btn_prev a {
  padding-left: 40px;
}

#btn_next a {
  padding-right: 40px;
}

#btn_prev.none a,
#btn_next.none a {
  color: #cbcccb;
  /*position: relative;*/
  pointer-events: none;
}

#btn_next a:after,
#btn_prev a:after {
  content: '';
  width: 36px;
  height: 36px;
  border-top: 4px solid #23b7fe;
  border-right: 4px solid #23b7fe;
  position: absolute;
  top: 0;
}

#btn_next.none a:after,
#btn_prev.none a:after {
  border-color: #cccccc;
}

#btn_prev a:after {
  left: 0;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#btn_next a:after {
  right: 0;
  top: 0x;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*  */

p.typo_position {
  margin: 0;
  /*font-size: 8rem;*/
  font-size: 80px;
  color: #111111;
  float: left;
  line-height: 1;
  position: relative;
  padding-right: 50px;
  height: 66px;
}

p.typo_position:after {
  -webkit-transform: skew(-36deg);
  -ms-transform: skew(-36deg);
  -moz-transform: skew(-36deg);
  -o-transform: skew(-36deg);
  transform: skew(-36deg);
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  right: 20px;
  height: 100%;
  z-index: 2;
  border-right: 6px solid #2cbafe;
}

body.staff_page p.typo_position {
  font-size: 3rem;
  height: auto;
  color: #23b7fe;
  margin-top: 14px;
  padding-right: 35px;
  font-feature-settings: 'palt' 1;
  letter-spacing: 0.05em;
}

body.staff_page p.typo_position span {
  font-size: 0.6em;
}

body.staff_page p.typo_position:after {
  top: -3px;
  height: 180%;
  right: 16px;
}

p.typo_position span {
  color: #23b7fe;
}

#box_cnav h4 {
  font-size: 2.8rem;
  color: #222222;
  float: left;
  margin: 0;
  margin-left: 12px;
  /*margin-top: 14px;*/
  margin-top: 0.2em;
}

#box_cnav h4 span.kana {
  font-size: 1.4rem;
  margin-left: 0.6em;
}

#box_cnav span.typo_name_e {
  font-size: 1.6rem;
  display: block;
  margin-top: 0px;
}

/* #contents(pc) */

#contents {
  width: 1024px;
  margin: 0 auto;
  padding-bottom: 40px;
  display: block;
  /* for IE */
}

#contents::after {
  content: '';
  display: table;
  clear: both;
}

#box_ttl_prof {
  margin-top: 20px;
  position: relative;
  width: 1024px;
}

#box_ttl_prof:after {
  content: '.';
  visibility: hidden;
  height: 0;
  clear: both;
  display: block;
}

#box_ttl_prof h5 {
  font-size: 2.8rem;
  line-height: 1.3;
  margin: 0;
  padding-left: 1em;
  text-indent: -1em;
  float: left;
  width: calc(100% - 270px);
}

/* 二階堂コーチ */
.staff_04 #box_ttl_prof h5 {
  width: 100%;
  font-size: 1.7rem;
  line-height: 1.4;
  padding-bottom: 2.4em;
}

.staff_04 #box_etc dl dt {
  float: none;
}

.staff_04 #box_etc>dl dd {
  padding-left: 0;
  padding-top: 0;
  font-size: 1.6rem;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .staff_04 #box_ttl_prof h5 {
    width: 96%;
    font-size: 4.0625vw;
    /* 13px */
  }
}

#box_ttl_prof div.sns {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #666;
  display: none;
}

#box_ttl_prof div.sns h6 {
  font-size: 1.1rem;
  color: #777;
  display: inline;
}

#box_ttl_prof div.sns iframe {
  vertical-align: top;
  position: relative;
}

#box_ttl_prof div.sns p {
  display: inline;
  font-size: 1.6rem;
  margin-left: 10px;
}

div.sns p a img {
  margin-right: 7px;
}

p.btn_tw a,
p.btn_fb a {
  padding-bottom: 4px;
  border-bottom: 1px solid;
  position: relative;
}

p.btn_tw a img,
p.btn_fb a img {
  position: relative;
}

p.btn_tw a img {
  top: 3px;
  left: 3px;
}

p.btn_fb a img {
  left: 3px;
  top: 1px;
}

p.btn_tw a {
  color: #23b7fe;
  border-color: #23b7fe;
}

p.btn_fb a {
  color: #3b5998;
  border-color: #3b5998;
}

.btn_fb iframe {
  display: inline-block !important;
  width: 84px !important;
  height: 20px !important;
}

/*  */

#box_main_img {
  margin-bottom: 25px;
  margin-top: 20px;
  clear: both;
  width: 1024px;
  height: auto;
}

#box_main_img:after {
  content: '.';
  visibility: hidden;
  height: 0;
  clear: both;
  display: block;
}

#box_main_img ul {
  float: right;
  width: 200px;
}

#box_main_img ul li.disable {
  display: none;
}

body.staff_page #box_main_img ul {
  display: none;
}

#box_main_img ul img {
  width: 98px;
  height: 146px;
}

#box_main_img ul li {
  float: left;
  margin-left: 2px;
  margin-bottom: 2px;
}

#box_main_img ul li:first-child {
  display: block;
}

#box_main_img ul li:nth-of-type(4),
#box_main_img ul li:nth-of-type(5),
#box_main_img ul li:nth-of-type(6),
#box_main_img ul li:nth-of-type(7) {
  display: none;
}

#box_main_img ul li a {
  display: block;
}

#box_main_img ul li a img {
  vertical-align: top;
}

#box_main_img ul li:first-child {
  float: none;
  width: 200px;
  margin-left: 0;
}

#box_main_img ul li:first-child img {
  width: 100%;
  height: auto;
}

#box_main_img>p {
  width: 822px;
  min-height: 546px;
  height: auto;
  float: left;
  overflow: hidden;
}

body.staff_page #box_main_img>p {
  display: none;
}

body.staff_01 #box_main_img>p,
body.staff_02 #box_main_img>p,
body.staff_03 #box_main_img>p,
body.staff_04 #box_main_img>p,
body.staff_05 #box_main_img>p,
body.staff_06 #box_main_img>p,
body.staff_07 #box_main_img>p,
body.staff_08 #box_main_img>p,
body.staff_09 #box_main_img>p {
  display: block;
}

#box_main_img>p img {
  width: 100%;
  height: auto;
}

#box_main_img>p img[src*='_p01.jpg'] {
	height: 540px;
}

/*  */

#contents div.left {
  width: 771px;
  float: left;
}

@media screen and (max-width: 768px) {
  #contents div.left {
    width: 100%;
    float: none;
  }
}

#list_prof {
  /*clear: both;*/
  width: 200px;
  float: right;
  background-color: #323232;
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 16px;
  margin-top: 28px;
}

#list_prof h5 {
  color: #23b7fe;
  position: relative;
  font-size: 1.4rem;
  width: 100%;
  padding-left: 15px;
  padding-top: 18px;
}

#list_prof h5:after {
  -webkit-transform: skew(-36deg);
  -ms-transform: skew(-36deg);
  -moz-transform: skew(-36deg);
  -o-transform: skew(-36deg);
  transform: skew(-36deg);
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  right: 4px;
  height: 100%;
  z-index: 2;
  border-right: 3px solid #2cbafe;
}

#list_prof ul {
  padding: 0 8px 0 14px;
  margin-top: 14px;
}

div#box_list_player ul {
  border-bottom: 1px solid #666;
  padding-bottom: 24px;
}

#list_prof li {
  font-size: 1.2rem;
  margin-bottom: 0.4em;
}

#list_prof li a {
  display: block;
  padding: 0.6em 0.6em 0.4em 0.6em;
  border-radius: 1.3em;
  position: relative;
  color: #fff;
}

#list_prof li.current a {
  background-color: #23b7fe;
  cursor: default;
  pointer-events: none;
  padding-left: 1.3em;
  left: -0.7em;
  color: #fff;
}

#list_prof li a:hover {
  cursor: pointer !important;
}

#box_list_past_season {
  display: none;
}

/*  */

#box_etc {
  margin-top: 28px;
}

#typo_message {
  font-size: 1.6rem;
  line-height: 1.7;
  /*margin-bottom: 38px;*/
}

.staff_04 #typo_message {
  font-size: 1.5rem;
}

#img_bust_up {
  float: left;
  overflow: hidden;
  /*width: 124px;*/
  width: 186px;
  margin-right: 15px;
  border-radius: 0px 12px;
  background-color: #ccc;
  margin-bottom: 20px;
}

#img_bust_up img {
  opacity: 1;
  width: 345px;
  position: relative;
  left: -8px;
  max-width: max-content !important;
}

#box_etc dl {
  clear: left;
}

#box_etc dl dt,
#box_etc dl dd {
  margin: 0;
  padding: 10px 0;
  line-height: 1.3;
}

#box_etc dl dt {
  font-size: 1.6rem;
  float: left;
  clear: left;
  padding-top: 15px;
}

#box_etc>dl dd {
  /*margin: 0;*/
  width: 100%;
  font-size: 2rem;
  color: #23b7fe;
  padding-left: 270px;
  border-bottom: 1px solid #bbbbbb;
  font-weight: bold;
  font-weight: 600;
}

#box_etc>dl dd:last-child {
  border: none;
}

/*  */

/*  */

#box_official {
  margin-top: 40px;
}

#box_official h6 {
  margin-top: 4px;
}

#box_player_data h4,
#box_personal_deta h5,
#box_personal_deta h4,
#box_conn h6,
#box_official h6 {
  font-size: 2rem;
  float: left;
  padding-right: 28px;
  position: relative;
  height: 32px;
  line-height: 1;
  float: left;
}

#box_player_data h4:after,
#box_personal_deta h4:after,
#box_personal_deta h5:after,
#box_conn h6:after,
#box_official h6:after {
  -webkit-transform: skew(-36deg);
  -ms-transform: skew(-36deg);
  -moz-transform: skew(-36deg);
  -o-transform: skew(-36deg);
  transform: skew(-36deg);
  content: '';
  display: block;
  position: absolute;
  top: -8px;
  right: 10px;
  height: 90%;
  z-index: 2;
  border-right: 3px solid #2cbafe;
}

#box_official ul {
  margin-left: 210px;
  width: 560px;
}

#box_official>ul>li {
  display: inline-block;
  width: 49%;
  /* width: 230px; */
  /* margin-right: 40px; */
  margin-bottom: 18px;
  vertical-align: top;
  box-sizing: border-box;
  padding-right: 10px;
}

p.img_sns {
  width: 80px;
  height: 80px;
  border-radius: 12px;
  overflow: hidden;
  float: left;
  margin-right: 3px;
}

#box_official li div.inner {
  /* float: right; */
  width: 174px;
  margin-top: 6px;
}

#box_official li p.img_sns+div.inner {
  float: right;
}

#box_official ul li a strong {
  font-size: 1.6rem;
  color: #23b7fe;
  text-decoration: underline;
  display: block;
  margin-top: 8px;
  /*white-space: nowrap;*/
}

.staff_21 #box_official ul li.tw {
  width: 50%;
}

#box_official li:nth-child(2n) {
  margin-right: 0;
}

#box_official>ul>li.line a img {
  /*height: 20px;*/
}

#box_official li a {
  display: block;
}

#box_official li a::after {
  content: '';
  display: table;
  clear: both;
}

p.img_sns img {
  width: 100%;
  height: auto;
}

#box_official ul li a span {
  font-size: 1.3rem;
  color: #666666;
}

body.dev_pc #box_official ul li a[id^='open_line_account_pc_'],
body.dev_sp #box_official ul li a.open_line_account_sp {
  display: block;
}

body.dev_pc #box_official ul li a.open_line_account_sp,
body.dev_sp #box_official ul li a[id^='open_line_account_pc_'] {
  display: none;
}

#box_official ul li a#[id^='open_line_account_pc_'],
#box_official ul li a.open_line_account_sp {
  margin-top: 10px;
}

#box_official ul li a[id^='open_line_account_'] img,
#box_official ul li a.open_line_account_sp img {
  height: 26px;
}

#box_official li.blog div.inner span {
  position: relative;
  padding-left: 30px;
  display: inline-block;
}

#box_official li.blog div.inner img {
  position: absolute;
  left: 0;
}

#box_official ul li a span img {
  vertical-align: middle;
  margin-right: 6px;
}

#box_official ul li a+a {
  margin-top: 6px;
}

#box_official ul li a span.tw img {
  width: 28px;
  height: 23px;
}

#box_official ul li a span.tt img {
  width: 28px;
  height: 28px;
}

/*  */

#box_conn {
  clear: both;
  margin-top: 40px;
}

#box_conn h6 {
  display: inline-block;
  float: none;
  text-align: left;
  margin-bottom: 7px;
}

#box_conn ul {}

#box_conn ul:after {
  content: '.';
  visibility: hidden;
  height: 0;
  clear: both;
  display: block;
}

#box_conn li {
  width: 231px;
  overflow: hidden;
  float: left;
  margin-right: 37px;
  font-size: 1.2rem;
  text-decoration: underline;
  margin-bottom: 15px;
}

#box_conn li:nth-child(3n) {
  margin-right: 0;
}

#box_conn li a {
  display: block;
}

#box_conn li img {
  width: auto;
  height: 140px;
  border: 1px solid #ccc;
  margin-bottom: 7px;
}

/*  */

#box_prof {
  clear: both;
  margin-top: 28px;
}

#box_personal_deta p:first-of-type {
  margin-bottom: 2.5em;
}

#tab_prof {
  height: 37px;
}

#tab_prof.fixed_top,
#tab_prof.fixed {
  height: 52px;
  position: fixed;
  bottom: 0;
  z-index: 100000;
  width: 100%;
  left: 0;
  bottom: -37px;
}

#tab_prof.fixed {
  top: auto;
}

#tab_prof.fixed_top {
  bottom: auto;
  /*top: 30px;*/
}

#tab_prof.fixed_top div.inner,
#tab_prof.fixed div.inner {
  width: 1024px;
  margin: 0 auto;
}

#tab_prof.fixed_top ul,
#tab_prof.fixed ul {
  width: 771px;
  padding-top: 15px;
  /*padding-bottom: 10px;*/
  background-color: rgba(255, 255, 255, 0.94);
}

/*  */

.fixed_releace {
  position: absolute;
  bottom: 420px;
}

.fixed_not {
  position: relative;
  top: 0;
}

#tab_prof:after {
  content: '.';
  visibility: hidden;
  height: 0;
  clear: both;
  display: block;
}

#tab_prof ul {}

#tab_prof ul:after {
  content: '.';
  visibility: hidden;
  height: 0;
  clear: both;
  display: block;
}

#tab_prof li {
  width: calc(100% / 3);
  font-size: 2.2rem;
  text-align: center;
  font-weight: bold;
  font-weight: 600;
  float: left;
  border-bottom: 6px solid #222222;
  position: relative;
}

body.staff_page #tab_prof li {
  width: calc(100% / 2);
}

#tab_prof li:before {
  content: '';
  display: block;
  width: 1px;
  height: 6px;
  background-color: #707070;
  position: absolute;
  left: 0;
  bottom: -6px;
}

#tab_prof li:after {
  content: '';
  display: block;
  width: 1px;
  height: 6px;
  background-color: #b1b1b1;
  position: absolute;
  left: 1px;
  bottom: -6px;
}

#tab_prof li:first-child:before,
#tab_prof li:first-child:after {
  display: none;
}

#tab_prof li.current {
  border-color: #23b7fe;
}

#tab_prof li {
  pointer-events: none;
}

#tab_prof li a {
  display: block;
  color: #222222;
  border-bottom: 1px solid #23b7fe;
  pointer-events: none;
}

#tab_prof li.current a {
  color: #23b7fe;
  pointer-events: none;
}

/*  */

#box_personal_deta p {
  text-align: right;
  font-size: 1.2rem;
  margin: 10px 0;
}

#box_personal_deta h5 {
  float: none;
  display: inline-block;
  margin-bottom: 5px;
}

#box_personal_deta table:not(.otherTable) {
  width: 100% !important;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 45px;
}

#box_personal_deta table tr {}

#box_personal_deta table:not(.otherTable) td,
#box_personal_deta table:not(.otherTable) th {
  font-size: 1rem;
  line-height: 1.4;
  /*	padding-top:8px;
  padding-bottom:8px;*/
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  padding: 10px;
}

#box_personal_deta table:not(.otherTable) th {
  width: 20%;
  background-color: #f1f9ff;
  text-align: center;
}

#box_personal_deta table:not(.otherTable) td {
  width: 30%;
}

/*  */

#box_official_site th,
#box_official_site td,
#box_prof table td,
#box_prof table th {
  font-size: 1rem;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  line-height: 1.4;
}

#J-league_data {
  margin-top: 30px;
}

#box_official_site table,
#J-league_data table,
#box_prof table {
  width: 770px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

#box_official_site th,
#box_official_site td,
#box_prof table.personal td,
#box_prof table.personal th,
#box_prof table#personal td,
#box_prof table#personal th {
  width: 192px;
  padding-top: 8px;
  padding-bottom: 8px;
}

#box_official_site th,
table.personal th,
#J-league_data th,
table#personal th {
  background-color: #f1f9ff;
  text-align: center;
  font-weight: normal;
}

#box_official_site td,
table.personal td,
#J-league_data td,
table#personal td {
  background-color: #fff;
  color: #323232;
}

#box_prof #J-league_data th,
#box_prof #J-league_data td {
  font-size: 16px;
  width: 25%;
  padding: 9px;
}

#box_official_site table {
  width: 400px;
}

#box_official_site th {
  width: 150px;
}

#box_official_site td {
  padding: 8px;
  width: auto;
  /*text-align: center;*/
}

#box_official_site td a {
  margin: 0;
}

/*  */

#box_player_data {
  width: 100%;
  margin: 0 auto 0;
}

body.staff_page.prof_2017 #box_player_data {
  display: none;
}

#box_personal_deta h4,
#box_player_data h4 {
  float: none;
  display: inline-block;
  margin-bottom: 5px;
  margin-top: 50px;
}

#box_personal_deta p.teamCareer,
#box_player_data p.teamCareer {
  background-color: #fff;
  font-size: 12px;
  line-height: 1.8;
  text-align: left;
  padding: 6px;
  border: 1px #ddd solid;
  margin-top: 0;
  color: #323232;
  /*margin-bottom: 45px;*/
}

#box_prof #box_player_data table {
  width: 100%;
}

#box_personal_deta table.otherTable td,
#box_personal_deta table.otherTable th,
#box_player_data table td,
#box_player_data table th {
  font-size: 1.4rem;
  font-weight: normal;
  text-align: center;
  padding: 0.5em 0;
  white-space: nowrap;
}

#box_player_data table td,
#box_personal_deta table.otherTable td,
#box_player_data table.otherTable td {
  padding: 0.5em 0.6em;
}

#box_personal_deta table th,
#box_player_data table th {
  background-color: #f1f9ff;
  font-weight: normal;
  padding: 0.5em 0.6em;
}

#box_personal_deta table td,
#box_player_data table td {
  background-color: #fff;
}

#box_player_data table td.empty_dash {
  text-align: center;
}

/* 所属チーム略歴 */
#box_player_data #career {
  * td {
    white-space: inherit;
    text-align: left;
    line-height: 1.6;
  }
}

/* 初出場／初得点／初スタメン／初フル出場 */
#box_player_data #first_record {
  & td:last-child {
    white-space: inherit;
    width: 74%;
  }

  & td:last-child:not(.empty_dash) {
    text-align: left;
  }

  /* & th {
    width: 10%;
  }

  & th+td {
    min-width: 15%;
  } */

}

/* 代表選出歴 */
#box_player_data table[id^="sel_"] {
  background: #f2f2f2;

  & td {
    text-align: left;
    white-space: normal;
  }
}

/* 出場／得点記録（国際Aマッチ／韓国代表） */

#box_player_data table[id^="record_a_"] {
  table-layout: fixed;

  & thead {
    & th:nth-child(1) {
      width: 20%;
    }

    & th:nth-child(2) {
      width: 25%;
    }

    & th:nth-child(3) {
      width: 55%;
    }
  }

  & td {
    white-space: normal;
  }
}

/*  */

div.tab_contents {
  /* プロフィール作成作業時はコメントアウト */
  display: none;
}

#box_personal_deta {
  display: block;
  /*display: none;*/
}

#box_photo_goods {
  width: 771px;
}

div.slick-list {
  width: 771px;
}

#box_photo_goods,
#box_player_data,
#box_personal_deta {}

#box_photo_goods {
  margin-top: 24px;
  margin-bottom: 0px;
}

#box_photo_goods>p {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 150px;
}

#box_photo_goods h4 {
  font-family: 'roboto';
  font-weight: 500;
  color: #23b7fe;
  font-size: 2rem;
  border-bottom: 1px solid #c7c7c7;
}

#box_photo_goods>div.flexslider {
  margin-top: 7px;
  width: 100% !important;
  margin-left: 4px;
}

#box_photo_goods .flex-control-thumbs li {
  width: 70px;
  height: 47px;
}

/*  */

.slider.thumb-item {}

.slider-for img {
  max-height: 573px !important;
}

.slider-nav img {
  width: auto;
  height: auto;
  max-height: 103px;
}

/*  */

#box_menu {
  height: 50px;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 2.1px 2.1px 5px rgba(0, 0, 0, 0.07);
  margin-top: 16px;
}

#box_menu:after {
  content: '.';
  visibility: hidden;
  height: 0;
  clear: both;
  display: block;
}

#box_menu ul {
  float: left;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

#box_menu ul::after {
  content: '';
  display: table;
  clear: both;
}

ul.link_position {
  margin-left: 24px;
  height: 100%;
  padding-top: 9px;
}

ul.link_position li {
  line-height: 1;
}

ul.link_position li a {
  margin-right: 20px;
}

#box_menu ul.link_position li.staff {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  margin-right: 20px;
  font-size: 2.4rem;
  margin-top: 0px;
}

#box_menu ul.link_position li.rental {
  font-size: 2.4rem;
}

ul.link_position li.staff a {
  margin-right: 0;
  padding: 0 20px;
}

#box_menu li {
  font-size: 3.4rem;
  display: inline-block;
  /*pointer-events: none;*/
    font-family: DINNextLTPro-Regular;
}

#box_menu li a {
  color: #111;
  /*pointer-events: none;*/
}

#box_menu ul.list_prof {
  float: right;
  margin-left: 0;
  margin-right: 25px;
  margin-top: 11px;
}

#box_menu ul.list_prof li {
  font-size: 1.6rem;
  height: 26px;
  padding-top: 3px;
}

#box_menu li.btn_list {
  border-right: 1px solid #aaa;
  padding-right: 14px;
  margin-right: 7px;
  /* pointer-events: none; */
}

#box_nav ul.inner li,
#box_menu ul.inner li {
  height: auto;
  padding: 0;
  font-size: 1.2rem;
}

/*  */

#box_staff,
#box_player {
  margin-top: 24px;
  width: auto;
  float: left;
}

#box_staff {
  margin-top: 60px;
}

#box_staff section,
#box_player section {
  clear: both;
  width: 1024px;
  overflow: hidden;
}

#box_staff section:after,
#box_player section:after {
  content: '.';
  visibility: hidden;
  height: 0;
  clear: both;
  display: block;
}

#box_staff section .inner_header,
#box_player section .inner_header {
  top: 0.6em;
  position: relative;

  display: flex;
  align-items: center;

}

#box_staff h2,
#box_player h2 {
  font-size: 7.2rem;
  line-height: 1.2;
  /* float: left; */
  position: relative;
  /* top: -0.15em;
  margin-right: 0.15em; */
  /* vertical-align: baseline; */
    font-family: DINNextLTPro-Regular;
}

#box_staff h2 {
  font-size: 5.4rem;
  font-weight: bold;
  font-weight: 500;
    font-family: DINNextLTPro-Condensed;
  /* margin-bottom: 12px; */
}

#box_staff #cat_second h2 {
  font-weight: bold;
  font-size: 4.8rem;
}

#box_staff #cat_second h2 span {
  /*font-size: 5.4rem;*/
}

#box_staff h2 span {
  font-size: 3.6rem;
  margin-left: 4px;
}

#box_staff h3.sttl {
  color: #23b7fe;
  font-size: 2.0rem;
  font-weight: 600;
  margin-top: 2em;
}

#box_staff h3.sttl:nth-of-type(1) {
	margin-top: 1em;
}

#box_player .inner_header p,
#box_staff .inner_header p {
    font-family: DINNextLTPro-Regular;
	font-size: 2rem;
  /* padding-top: 18px; */
  line-height: 1;
  margin-left: 0.8em;
}

#box_staff .inner_header p {
  padding-top: 0.8em;
  display: inline-block;
  font-weight: bold;
  
}

#box_player section>p {
  line-height: 1.1;
  float: left;
  margin-left: 20px;
  margin-top: 17px;
}

#box_staff section>p {
  font-size: 2rem;
  color: #23b7fe;
  float: left;
  margin-left: 20px;
  margin-top: 18px;
}

#box_staff #cat_second p.typo,
#box_staff #rental p.typo {
  float: none;
  clear: left;
  margin: 0;
  font-size: 1.6rem;
  color: #222222;
}

#box_staff #cat_second>p,
#box_staff #rental>p {
  margin-top: 0.7em;
}

#box_player span {
  /*font-size: 2.0rem;*/
   font-family: DINNextLTPro-Light,sans-serif;
}

#box_player span.rbt_l {
  color: #666666;
}

#box_player span.rbt_m {
  color: #23b7fe;
}

/*  */
#rental ul,
#box_staff [id^="box_"]>ul,
#box_player section>ul {
  clear: both;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap:34px;
  padding-bottom: 24px;
}

#box_staff [id^="box_"]>ul>li,
#box_player section>ul>li {
  /*float: left;*/
  min-height: 180px;
}

#box_player section>ul>li::after {
  content: '';
  display: table;
  clear: both;
}

#box_player section>ul>li {
  width: 230px;
}


#box_staff [id^="box_"]>ul>li a:visited,
#box_player section>ul>li a:visited,
#box_staff [id^="box_"]>ul>li a:link,
#box_player section>ul>li a:link {
  color: #222;
  display: block;
}

#box_staff [id^="box_"]>ul>li>a::after,
#box_player section>ul>li>a::after {
  content: '';
  display: table;
  clear: both;
}

#box_staff [id^="box_"] {
  margin-top: 10px;
}




#box_gene figure,
section ul>li figure {
  width: 230px;
  height: 149px;
  background-color: #bfdeef;
  border-radius: 0px 12px;
  position: relative;
  overflow: hidden;
  margin-bottom: 9px;
}

#box_gene figure img,
section ul>li figure img {
  width: 100%;
}

/*#box_staff figure figcaption,*/
figure figcaption span {
  position: absolute;
   font-family: DINNextLTPro-Light,sans-serif;
   letter-spacing:-0.05em;
  font-size: 6.5rem;
  color: #fff;
  line-height: 1.3;
  top: 2px;
  right: 10px;
  text-align: right;
}

#box_player figcaption span.position {
  display: none;
}

#box_gene li[class^='staff_'] figure figcaption {
  font-size: 2rem;
  top: 12px;
  display: none;
}

#box_player figure span.bd_date {
  position: absolute;
  right: 0;
  left: auto;
  bottom: 0;
  top: auto;
  height: 1.8em;
  display: inline-block;
  min-width: 3.5em;
  text-align: center;
  line-height: 1.4;
  padding: 0.3em;
  font-size: 1.7rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-top-left-radius: 0.3em;
  display: none;
}

body.list_gene #box_player figure span.bd_date {
  display: block;
}

#box_gene li[class^='staff_'] figure span.bd_date {
  top: auto;
  font-family: 'Roboto', sans-serif;
}

#box_staff figure span {
  font-size: 2.2rem;
  text-align: right;
  top: 16px;
  right: 8px;
}

figure span.bd_date,
#box_staff figure span:not([class]) {
  display: none;
}

#box_staff figure span.position,
#box_staff figure span.at {
  font-size: 1.8rem;
  letter-spacing: -0.04em;
  font-feature-settings: 'palt';
}

#box_staff .staff_09 figure span.position,
#box_staff .staff_08 figure span.position {
  font-size: 1.6rem;
}

#box_staff figure span.position small {
  font-size: 0.8em;
  margin-left: -0.2em;
  position: relative;
  right: -0.3em;
  display: block;
  line-height: 1.2;
}

#box_staff figure span.position .lang {
  display: block;
  font-size: 0.9em;
  width: auto;
  position: static;
  letter-spacing: 0em;
  /*letter-spacing: -0.05em;*/
}

.staff_10 span.position {
  letter-spacing: -0.05em;
}

#box_staff li h3,
#box_player li h3 {
  font-size: 2rem;
  line-height: 1.2;
  margin-bottom: 1px;
}

#box_player li.mem_22 h3 {
  font-feature-settings: "palt" 1;
}

#box_staff li p,
#box_player li p {
  line-height: 1.2;
  display: inline-block;
  font-size: 1.2rem;
  margin-right: 0;
  line-height: 1.3;
}

section#box_gene li p {
  margin-right: 0;
  display: block;
  color: #333;
}

body.list_number #box_player li p {
  margin-right: 0;
}

/* new sns 2018-01-05 */

ul.sns_icons {
  display: inline-block;
  vertical-align: baseline;
  position: relative;
  top: 0.4em;
}

body.list_join ul.sns_icons,
body.list_gene ul.sns_icons {
  display: none;
}

ul.sns_icons li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  /* margin-left: 0.4em; */
  margin-right: 0.8em;
}

/* ul.sns_icons li.tw {
  top: 0.1em;
} */

body.dev_pc ul.sns_icons li.line.pc {
  display: inline-block;
}

body.dev_pc ul.sns_icons li.line.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  ul.sns_icons {
    height: 5vw !important;
    display: block !important;
    vertical-align: top;
    overflow: hidden;
    position: static;
    margin: 0;
  }

  ul.sns_icons li {
    top: 0.5em !important;
    margin-right: 2vw;
  }

  ul.sns_icons li a {
    display: inline-block;
    width: auto;
    height: auto;
  }
}

/**/

.sns_icons img {
  /*width: 16px;*/
  /* max-width: 16px; */
  /* height: auto; */
  /*margin-top: 2px;*/

  width: auto;
  height: 16px;
}

.sns_icons .tw img {
  height: 15px;
}

.sns_icons p.tw {
  padding-top: 1px;
}

.sns_icons p.fb {
  margin-top: -1px;
}

.sns_icons p.insta {
  margin-top: -1px;
}

#box_staff li p {
  font-size: 1.2rem;
  line-height: 1;
}

/*  */

div#img_supporter {
  margin-top: 52px;
  width: 100%;
  height: 454px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  border-radius: 0px 12px;
  clear: both;
}

div#img_supporter p {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
    font-family: DINNextLTPro-Regular;
	letter-spacing: -0.03em;
  font-size: 4.8rem;
  color: #fff;
  line-height: 1;
  padding: 0.6em;
  padding-top: 0.5em;
}

div#img_supporter p strong {
  font-weight: 400;
  position: relative;
}

div#img_supporter p strong:before {
  content: ' ';
  width: 1px;
  position: relative;
  display: inline-block;
  background-color: #fff;
  height: 1em;
  margin: 0 0.3em 0 0.3em;
  transform: rotate(25deg);
  top: 0.15em;
}

div#img_supporter img {
  width: 100%;
  position: relative;
  z-index: 0;
}

/* mascot */
#mascot_section span.position {
	color: #222;
}

/*onloan */

#rental ul {
  margin-top: 24px;
  gap: 24px 16px;
}

#box_staff #cat_second li,
#box_staff #rental li {
  width: 330px;
  font-size: 1.2rem;
  min-height: 160px;
}

#box_staff #rental li {
	padding-left: 172px;
	position: relative;
}

#box_staff #rental li:last-child {
  /*width: 400px;*/
}

#box_staff #cat_second li {
  min-height: initial;
  min-height: auto;
}

#cat_second li a,
#rental li a {
  width: 100%;
  height: 100%;
  color: #111;
}

#cat_second li p.photo,
#rental li p.photo {
  width: 160px;
  height: auto;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

#cat_second li p.photo img,
#rental li p.photo img {
  width: 100%;
  height: auto;
}

#cat_second li h3,
#rental li h3 {
  width: 100%;
  color: #222;
  font-weight: normal;
  font-size: 2rem;
}

#cat_second li h3 {
  /*margin-top: 1em;*/
}

#cat_second ul li h4,
#rental ul li h4 {
  color: #37a8ff;
}

#cat_second ul li h4:before,
#rental ul li h4:before {
  content: '●';
  padding-right: 0.15em;
}

#cat_second ul li p,
#cat_second ul li h4,
#rental ul li p,
#rental ul li h4 {
  font-size: 1.1em;
  line-height: 1.6;
}

#cat_second li p.roman,
#rental li p.roman {
  font-size: 1.2rem;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-weight: 500;
  margin-bottom: 0.25em;
}

#cat_second li p.link a:hover,
#rental li p.link a:hover {
  text-decoration: underline;
}

#rental li p.link {
  /*width: 150px;*/
  /*width: 11em;*/
  max-width: 11em;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.04em;
  line-height: 1.3;
}

/*  */

#box_area {
  /* width: 1015px; */
  width: 100%;
  height: 1380px;
  /*  background-image: url(../page_parts/img_map.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;*/
  position: relative;
}

#box_area div.box_ttl {
  color: #777777;
  /*position: absolute;*/
}

#box_area div.box_ttl p {
  font-family: 'roboto';
  font-weight: 300;
}

#box_area div.box_ttl h3 {}

/*  */

#box_brazil div.box_ttl.bra {
  text-align: right;
  position: absolute;
  right: 26px;
  top: 4px;
}

#box_brazil div.box_ttl h3 {
  font-size: 1.4rem;
  /* display: inline; */
}

#box_brazil div.box_ttl p {
  font-size: 3.2rem;
  line-height: 1;
}

/* Columbia */

#box_brazil div.box_ttl.col {
  position: absolute;
  top: 0;
  left: 0;
}

/*  */

#box_korea {
  background-image: url(../page_parts/map_korea.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 132px auto;
  width: 340px;
  height: 220px;
  position: absolute;
  left: 0;
  top: 400px;
}

#box_korea div.box_ttl {
  text-align: right;
  margin-right: 20px;
}

#box_korea div.box_ttl h3 {
  font-size: 1.4rem;
}

#box_korea div.box_ttl p {
  font-size: 1.3rem;
  line-height: 1;
}

#box_korea div.box_ttl p span {
  font-size: 2.2em;
}

#box_korea #mem_01 {
  position: static;
}

#korea {
  margin-left: 134px;
  margin-top: 4px;
}

/*  */

#box_jp {
  width: 938px;
  height: 977px;
  background-image: url(../page_parts/map_jp.avif);
  background-position: 60px 0;
  background-repeat: no-repeat;
  background-size: 100% auto;

  position: relative;
  top: 80px;
  left: 70px;
  z-index: 9;
}

#box_jp div.box_ttl {
  position: absolute;
  top: 308px;
  left: 780px;
  text-align: right;
}

#box_jp div.box_ttl h3 {
  font-size: 1.8rem;
}

#box_jp div.box_ttl p {
  font-size: 6rem;
  line-height: 1;
}

/*  */

#box_philipin div.box_ttl {
  position: absolute;
  top: 1387px;
  left: 450px;
}

#box_philipin div.box_ttl h3 {
  font-size: 1.8rem;
}

#box_philipin div.box_ttl p {
  font-size: 2rem;
}

/*  */

#box_nz div.box_ttl {
  position: absolute;
  top: 1387px;
  left: 520px;
}

#box_nz div.box_ttl h3 {
  font-size: 1.8rem;
}

#box_nz div.box_ttl p {
  font-size: 2rem;
}

/*  */

#box_okinawa {
  width: 296px;
  height: 235px;
  background-image: url(../page_parts/map_okinawa.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;

  position: absolute;
  left: 0;
  bottom: 0;
}

#box_okinawa div.box_ttl {
  position: absolute;
  top: 160px;
  left: 9em;
  /*  top: 60%;
  left: 50%;*/
  /*  top: 1387px;
  left: 150px;*/
}

#box_okinawa div.box_ttl h3 {
  font-size: 1.8rem;
}

#box_okinawa div.box_ttl p {
  font-size: 2rem;
}

#okinawa {
  margin-left: 80px;
  margin-top: 70px;
}

#box_okinawa #mem_20 {
  position: static;
}

/*  */

#box_area>section {
  overflow: visible;
}

#box_area li {
  height: 66px;
  text-align: left;
  clear: left;
  margin-bottom: 12px;
}

#box_area li a {
  display: block;
  position: relative;
}

#box_area li a::after {
  content: '';
  display: table;
  clear: both;
}

li p.img_mem {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  overflow: hidden;
  float: left;
  margin-right: 9px;
}

li p.img_mem img {
  width: 125px;
  height: auto;
  background-color: #dcdcdc;
  margin-left: -4px;
}

li[id^='staff_'] p.img_mem img {
  width: 102px;
}

#box_area li h5 {
  font-size: 1.6rem;
  font-family: 'roboto';
  font-weight: 500;
  color: #444444;
  line-height: 1;
  padding-top: 15px;
  margin-bottom: 3px;
  display: inline-block;
}

#box_area li[id^='staff_'] h5 {
  font-size: 1.3rem;
  margin-bottom: 0.6em;
}

#box_area li h5 span {
  color: #23b7fe;
}

#box_area li[id^='staff_'] span {
  display: none;
}

#box_area li h4 {
  font-size: 1.4rem;
  color: #333333;
  line-height: 1;
  display: block;
}

#box_area li.rental h4 {
  position: relative;
  top: 0.9em;
}

#box_area #staff_01 h4 {
  font-size: 1.8rem;
}

/*  */

#brazil {
  margin-top: 68px;
  margin-left: 140px;
}

#box_brazil {
  width: 340px;
  height: 346px;
  position: absolute;
  left: 0;
  top: 10px;
  background-image: url(../page_parts/map_brazil.avif);
  background-position: 30px 0;
  background-repeat: no-repeat;
  background-size: 200px auto;
}

#box_brazil #brazil ul {
  margin-top: 10px;
  width: 180px;
  margin-left: 0;
}

#box_brazil ul:after {
  content: '.';
  visibility: hidden;
  height: 0;
  clear: both;
  display: block;
}

#box_brazil #brazil ul li {
  width: auto;
  /* min-width: 160px; */
  clear: none;
  margin-bottom: 20px;
}

/*  */

#columbia {
  position: absolute;
  top: 0px;
  right: 36px;
  width: 180px;
}

/*  */

#box_europe {
  width: 246px;
  height: 346px;
  position: absolute;
  /*left: 180px;*/
  left: 362px;
  top: 10px;
  background-image: url(../page_parts/map_europe.avif);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

#box_europe div.box_ttl {
  /* text-align: right; */
  position: absolute;
}

#box_europe div.box_ttl p {
  font-size: 3.2rem;
  line-height: 1;
}

#box_europe div.box_ttl h3 {
  font-size: 1.4rem;
}

div.box_ttl.france {
  left: 8px;
  top: 142px;
}

#box_europe div.box_ttl.nederland {
  left: 84px;
  top: 55px;
  text-align: left;

  & p {
    font-size: 2.0rem;
    line-height: 1;
  }
}

#box_europe div.box_ttl.croatia {
  right: 14px;
  top: 122px;
  text-align: left;

  & p {
    font-size: 2.0rem;
    line-height: 1;
  }
}

#box_europe div.box_ttl.serbia {
  right: 10px;
  top: 230px;
  text-align: left;

  & p {
    font-size: 2.0rem;
    line-height: 1;
  }
}

#box_europe div.box_ttl.nederland:before,
#box_europe div.box_ttl.croatia:before,
#box_europe div.box_ttl.serbia:before {
  content: '';
  width: 3px;
  height: 3px;
  background-color: #777777;
  border-radius: 50%;
  display: block;
  position: absolute;
}

#box_europe div.box_ttl.croatia:before {
  bottom: -29px;
  right: 40px;
}

#box_europe div.box_ttl.serbia:before {
  top: -24px;
  right: 18px;
}

#box_europe div.box_ttl.nederland:before {
  left: 18px;
  bottom: -28px;
}

#box_europe div.box_ttl.nederland:after,
#box_europe div.box_ttl.croatia:after,
#box_europe div.box_ttl.serbia:after {
  content: '';
  display: block;
  width: 1px;
  height: 28px;
  background-color: #777;
  position: absolute;
}

#box_europe div.box_ttl.croatia:after {
  bottom: -29px;
  right: 41px;
}

#box_europe div.box_ttl.serbia:after {
  top: -24px;
  right: 19px;
  height: 26px;
}

#box_europe div.box_ttl.nederland:after {
  left: 19px;
  bottom: -28px;
}

/*  */

#france {}

/*  */

#nederland {
  position: absolute;
  top: 52px;
  left: 14px;
  width: 110px;
}

#box_area li#mem_31 h4 {
  font-size: 0;
  width: 0px;
  height: 0px;
  overflow: visible;
}

#box_area li#mem_31 h4::before {
  white-space: pre;
  content: 'ファン ウェル\Aメスケルケン 際';
  font-size: 1.4rem;
  color: #333333;
  line-height: 1;
  display: block;
}

/*  */
#box_europe,
#box_korea,
#box_brazil {
  border-right: solid #ddd 1px;
  border-bottom: solid #ddd 1px;
  overflow: hidden;
  z-index: 99;
}

#box_europe::after,
#box_korea::after,
#box_brazil::after {
  content: '';
  display: block;
  border-top: 25px solid transparent;
  border-right: 25px solid #fff;
  position: absolute;
  right: -1px;
  bottom: -1px;
}

#box_europe::before,
#box_korea::before,
#box_brazil::before {
  content: '';
  display: block;
  border-top: 25px solid transparent;
  border-right: 25px solid #ddd;
  position: absolute;
  right: 0;
  bottom: 0;
}

/*  */

#box_jp h6 {
  color: #777777;
  font-weight: normal;
  font-style: normal;
  font-size: 1.6rem;
  position: absolute;
}

/*  */

#osaka {
  position: absolute;
  top: 800px;
  left: 290px;
  width: 160px;
}

#osaka h6 {
  top: -128px;
  left: 84px;
}

#osaka:before {
  top: -110px;
  left: 120px;
}

#osaka ul:before {
  height: 50px;
  top: -66px;
  left: 29px;
}

#osaka ul:after {
  height: 103px;
  top: -139px;
  left: 76px;
  transform: rotate(65deg);
}

/* #osaka ul:before {
  height: 100px;
  top: -110px;
  left: 31px;
} */

/* wakayama */

#wakayama {
  position: absolute;
  top: 880px;
  left: 380px;
  width: 160px;
}

#wakayama:before {
  top: -130px;
  left: 30px;
}

#wakayama h6 {
  top: -110px;
  left: 40px;
}

#wakayama ul:before {
  height: 120px;
  top: -130px;
  left: 31px;
}


/* tokushima */

#tokushima {
  position: absolute;
  top: 760px;
  left: 280px;
  width: 160px;
}

#tokushima h6 {
  top: -40px;
  left: -4px;
}

#box_jp #tokushima:before {
  display: none;
}

/* #tokushima:before {
  top: -110px;
  left: 30px;
}

#tokushima ul:before {
  height: 100px;
  top: -110px;
  left: 31px;
} */

/*  */

#hokkaido {
  width: 160px;
  position: absolute;
  left: 780px;
  top: 190px;

  display: none;
}

/*  */

#chiba {
  width: 150px;
  position: absolute;
  left: 620px;
  top: 560px;
}

#chiba h6 {
  bottom: -40px;
  left: 20px;
}

#chiba:before {
  bottom: -10px;
  left: 20px;
}

/*  */

#fukushima {
  width: 150px;
  position: absolute;
  left: 700px;
  top: 480px;
}

#fukushima h6 {
  left: -35px;
  bottom: 16px;
}

#box_jp #fukushima:before {
  display: none;
}

/*  */

#siga {
  width: 150px;
  position: absolute;
  left: 400px;
  top: 500px;
}

#siga h6 {
  left: 18px;
  bottom: -14px;
}

#box_jp #siga:before {
  display: none;
}

#siga li {
  width: 90px;
}

/*  */

#gifu {
  width: 150px;
  position: absolute;
  left: 480px;
  top: 440px;
}

#gifu h6 {
  left: 18px;
  bottom: -14px;
}

#box_jp #gifu:before {
  display: none;
}

#gifu li {
  width: 90px;
}

/*  */

#hiroshima {
  width: 160px;
  position: absolute;
  left: 180px;
  top: 670px;
}

#hiroshima h6 {
  left: 70px;
  bottom: 60px;
}

#hiroshima li {
  width: 80px;
  height: 120px;
  margin: 0;
}

#box_jp #hiroshima:before {
  display: none;
}

/* hyogo */

#hyogo {
  width: 120px;
  position: absolute;
  left: 270px;
  top: 600px;

  display: none;
}

#hyogo h6 {
  left: 70px;
  bottom: 20px;
}

#hyogo li {
  width: 80px;
  /*height: 120px;*/
  height: auto;
  margin: 0;
}

#hyogo li a {
  box-sizing: content-box;
  padding-bottom: 70px;
}

#box_jp #hyogo:before {
  display: none;
}

#hyogo li a p.img_mem {
  position: absolute;
  bottom: 0;
}

/*  */

#nara {
  position: absolute;
  top: 810px;
  left: 320px;
  width: 150px;
  display: none;
}

#box_jp #nara:before {
  display: none;
}

/*  */

#kanagawa {
  position: absolute;
  top: 750px;
  left: 650px;
  width: 160px;
}

#kanagawa:before {
  top: -106px;
  left: -46px;
}

#kanagawa h6 {
  top: -24px;
  left: 10px;
}

/*22-08-05 sawada*/
/* #kanagawa li#mem_32,
#kanagawa li#mem_33,
#kanagawa li#mem_34 {
  width: 180px;
  position: relative;
  margin-left: 170px;
}

#kanagawa li#mem_32 {
  margin-top: -200px;
} */

#kanagawa2 {
  position: absolute;
  top: 1061px;
  left: 490px;
  width: 320px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

#box_area #kanagawa2 li {
  width: 50%;
}

#mascot {
  position: absolute;
  top: 985px;
  left: 820px;
  width: 160px;
}

/*  */

#shizuoka {
  position: absolute;
  top: 810px;
  left: 500px;
  width: 160px;
}

#shizuoka:before {
  top: -130px;
  left: 30px;
}

#shizuoka h6 {
  top: -110px;
  left: 40px;
}

/*  */

#tokyo {
  width: 250px;
  position: absolute;
  left: 808px;
  top: 555px;
}

#tokyo:before {
  top: 73px;
  left: -190px;
}

#tokyo h6 {
  left: -48px;
  top: 106px;
}

/*  */

#kyoto {
  position: absolute;
  top: 460px;
  left: 300px;
  width: 100px;
}

#box_jp #kyoto:before {
  /* right: -20px;
  top: 90px; */
  display: none;
}

#kyoto h6 {
  width: 2em;
  bottom: 30px;
  left: 70px;
}

#kyoto ul {
  top: 10px;
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
}

#kyoto li {
  width: 90px;
  /* height: 110px; */
}

#box_jp #kyoto ul:before {
  height: 26px;
  bottom: 52px;
  right: -8px;
  left: auto;
  transform: rotate(118deg);
  display: none;
}

#kyoto p.img_mem {
  float: none;
  margin-top: 5px;
}

/*  */

#mie {
  position: absolute;
  top: 400px;
  left: 426px;
  width: 100px;
  display: none;
}

#mie:before {
  display: none;
}

#mie li {
  height: 110px;
}

#mie p.img_mem {
  float: none;
  margin-top: 5px;
}

/*  */

#saitama {
  width: 160px;
  position: absolute;
  left: 560px;
  top: 520px;
}

#box_jp #saitama:before {
  display: none;
}

#saitama h6 {
  right: 60px;
  top: auto;
  bottom: -8px;
}

#saitama li p.img_mem {
  /* float: right;
  margin-right: 0; */
}

/*  */

#aichi {
  position: absolute;
  top: 780px;
  left: 400px;
  width: 160px;
}

#box_jp #aichi:before {
  left: 82px;
  top: -91px;
}

#aichi h6 {
  top: -120px;
  left: 60px;
}

#aichi ul:before {
  height: 50px;
  top: -52px;
  left: 29px;
}

#aichi ul:after {
  height: 64px;
  top: -102px;
  left: 55px;
  transform: rotate(55deg);
}

/*  */

#miyagi {
  position: absolute;
  top: 320px;
  left: 562px;
  width: 160px;
}

#miyagi:before {
  left: 120px;
  bottom: -70px;
}

#miyagi h6 {
  bottom: -80px;
  left: 70px;
}

/*  */

#niigata {
  position: absolute;
  top: 430px;
  left: 520px;
  width: 100px;

  /*display: none;*/
}

#box_jp #niigata:before {
  display: none;
}

#niigata h6 {
  bottom: -20px;
}

/*  */

#kumamoto {
  position: absolute;
  top: 845px;
  left: 20px;
  width: 160px;
}

#kumamoto:before {
  left: 110px;
  top: -30px;
}

#kumamoto h6 {
  top: -40px;
  left: 120px;
}

/*#kumamoto li::after {
  content: "";
  display: table;
  clear: both;
}

#kumamoto li:first-child {
  margin-bottom: 12px;
  width: 70px;
  /*height: 110px;*!/
}*/

/*  */

#nagasaki {
  position: absolute;
  top: 665px;
  left: 0px;
  width: 160px;
}

#nagasaki:before {
  left: 110px;
  bottom: -40px;
}

#nagasaki h6 {
  left: 50px;
  bottom: -30px;
}

#nagasaki li {
  width: 80px;
}

/*  */

#kagoshima {
  width: 130px;
  position: absolute;
  top: 870px;
  left: 200px;
}

#kagoshima:before {
  left: -60px;
  top: 14px;
}

#kagoshima h6 {
  top: -10px;
  left: -80px;
}

/*  */

#fukuoka {
  position: absolute;
  top: 644px;
  left: 108px;
  width: 160px;

  display: none;
}

#fukuoka:before {
  display: none;
}

/*  */

#mem_01 {
  position: absolute;
  top: 434px;
  left: 180px;
  width: 210px;
}

#mem_31 p.img_mem {
  float: none;
}

#box_area #mem_31 h5,
#box_area #mem_01 h5 {
  padding-top: 5px;
}

/*  */

/*  */
#wakayama li,
#gifu li,
#siga li,
#kagoshima li,
#osaka li,
#tokushima li,
#kumamoto li,
#nagasaki li,
#kyoto li,
#mie li,
#aichi li,
#niigata li {
  height: auto;
}

#wakayama li a,
#gifu li a,
#siga li a,
#kagoshima li a,
#osaka li a,
#tokushima li a,
#kumamoto li a,
#nagasaki li a,
#kyoto li a,
#mie li a,
#aichi li a,
#niigata li a {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding-bottom: 70px;
}

#box_area #wakayama h5,
#box_area #tokushima h5,
#box_area #osaka h5,
#kumamoto li h5,
#box_area #nagasaki h5,
#box_area #kyoto h5,
#box_area #mie h5,
#box_area #aichi h5,
#box_area #niigata h5,
#box_area #hiroshima h5 {
  padding-top: 0;
}

#wakayama li a p.img_mem,
#gifu li a p.img_mem,
#siga li a p.img_mem,
#kagoshima li a p.img_mem,
#tokushima li a p.img_mem,
#osaka li a p.img_mem,
#kumamoto li a p.img_mem,
#nagasaki li a p.img_mem,
#kyoto li a p.img_mem,
#mie li a p.img_mem,
#aichi li a p.img_mem,
#niigata li a p.img_mem {
  position: absolute;
  bottom: 0;
}

/*  */

#box_thailand {
  width: 378px;
  height: 233px;
  background-image: url(../page_parts/map_thai.jpg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  bottom: 0;
  left: 380px;
}

#box_thailand div.box_ttl {
  position: absolute;
  left: 200px;
  top: 70px;
}

#box_thailand div.box_ttl h3 {
  font-size: 1.8rem;
}

#thailand {
  margin-left: 100px;
  margin-top: 120px;
}

/*  */

#box_jp>div:before {
  content: '';
  width: 3px;
  height: 3px;
  background-color: #777777;
  border-radius: 50%;
  display: block;
  position: absolute;
}

#box_jp div.ttl_jp:before {
  display: none;
}

/* line */

#box_jp>div>ul {
  position: relative;
}

#box_jp>div>ul:before,
#box_jp>div>ul:after {
  content: '';
  display: block;
  width: 1px;
  background-color: #777;
  position: absolute;
}

#miyagi ul:before {
  height: 90px;
  bottom: -80px;
  right: 38px;
}

#chiba ul:before {
  height: 20px;
  bottom: -20px;
  left: 21px;
}

#kyoto ul:before {
  height: 46px;
  bottom: -50px;
  left: 41px;
}

#shizuoka ul:before {
  height: 120px;
  top: -130px;
  left: 31px;
}

#kanagawa ul:before {
  height: 100px;
  top: -116px;
  left: -12px;
  transform: rotate(-40deg);
}

#kagoshima ul:before {
  height: 64px;
  top: 6px;
  left: -34px;
  transform: rotate(-48deg);
}

#kumamoto ul:before {
  height: 64px;
  top: -40px;
  right: 70px;
  transform: rotate(48deg);
}

#nagasaki ul:before {
  height: 76px;
  bottom: -60px;
  right: 73px;
  transform: rotate(138deg);
}

#tokyo ul:before {
  height: 110px;
  top: 79px;
  left: -68px;
  transform: rotate(90deg);
}

#tokyo ul:after {
  height: 90px;
  top: 59px;
  left: -157px;
  transform: rotate(-48deg);
}

/*  */

#box_gene {}

#box_player #box_gene ul {
  width: 800px;
  clear: none;
  padding-bottom: 40px;
}

#box_gene ul:after {
  content: '.';
  visibility: hidden;
  height: 0;
  clear: both;
  display: block;
}

#box_gene dl {}

#box_gene dl:after {
  content: '.';
  visibility: hidden;
  height: 0;
  clear: both;
  display: block;
}

#box_gene dt,
#box_gene dd {
  font-family: sans-serif;
}

#box_gene dt {
  color: #37a8ff;
  float: left;
  font-size: 4rem;
  clear: left;
  font-family: 'Roboto', Sans-serif;
  font-weight: 500;
  width: 150px;
  text-align: center;
  margin-top: 50px;
}

#box_gene dl dt.empty {
  margin-top: 0;
  color: #c9cac9;
}

#box_gene dd {
  float: left;
  text-align: left;
  /*margin-left: 150px;*/
}

#box_gene dd>ul>li {
  width: 230px;
  min-height: 232px;
  display: inline-block;
  vertical-align: top;
  margin-right: 18px;
}

#box_gene dd>ul>li a {
  display: block;
}

#box_gene dd>ul>li.rental {
  width: 160px;
}

#box_gene dd>ul>li a h3 {
  color: #222;
  display: inline-block;
}

#box_gene dd>ul>li a h3+p.badge {
  display: inline-block;
  padding-left: 0.5em;
}

#box_gene li.rental:before {
  content: '期';
  background-color: #e50004;
  color: #fff;
  display: inline-block;
  position: absolute;
  z-index: 50;
  font-size: 1.3rem;
  padding: 0.2em;
}

li.rental figure {
  width: 160px;
}

li.rental p.img_mem img {
  width: 68px;
  height: auto;
}

#yamaguchi {
  width: 160px;
  position: absolute;
  left: 50px;
  top: 640px;
}

/*  */

#box_area li.rental h4:before {
  content: '期';
  background-color: #e50004;
  color: #fff;
  display: block;
  width: 1.5em;
  height: 1.5em;
  font-size: 1.3rem;
  padding: 0.35em 0.25em 0.25em 0.25em;
  margin: 0em 0em 0.4em 5.8em;
}

/* 170414_サイド一覧タビナス選手 */

#list_prof li.mem_26 {
  letter-spacing: -0.06em;
}

/* 170525_sns mem_29 */

#box_official li.sns_mem_29 {
  width: 80%;
}

/* セルビア */
#serbia {
  position: absolute;
  top: 270px;
  right: 12px;
  width: 200px;

  & li p.img_mem {
    float: right;
    margin-right: 0;
    margin-left: 7px;
  }
}

#box_area #croatia li,
#box_area #serbia li {
  text-align: right;
}

#box_area #mem_22 h4 {
  font-feature-settings: "palt" 1;
  line-height: 1.2;
}

/* クロアチア */
#croatia {
  position: absolute;
  top: 190px;
  right: 80px;
  width: 200px;

  & li p.img_mem {
    float: right;
    margin-right: 0;
    margin-left: 9px;
  }
}

/* pin */

#pin {
  width: 60px;
  height: 30px;
  /* background-color: red; */
  position: absolute;
  top: 760px;
  left: 650px;
  z-index: -1;
}

/* ギャラリー */

.flexslider .slides img {
  /*width: 599px;*/
  max-width: 768px;
  width: auto;
  max-height: 599px;
  height: auto;
}

#box_photo_goods .flex-direction-nav a {
  top: 63%;
  /*bottom: 0;*/
}

/* 180208 staff profile -- year th -- */

.staff_page #box_player_data .otherTable th {
  width: 25%;
}

.staff_page.staff_19 #box_player_data .otherTable th {
  width: auto;
}

@media screen and (max-width: 768px) {

  .staff_page.staff_19 #box_player_data .otherTable tr td,
  .staff_page.staff_19 #box_player_data .otherTable th {
    width: auto;
    float: none;
    display: table-cell;
  }

  .staff_page.staff_19 #box_player_data table:first-of-type tr {
    display: table-row;
  }
}

.staff_19 #box_player_data .otherTable.germany th {
  width: auto;
}

/* tasaka */

/* 2018/06/27 */

#contents section p.prof_caution {
  color: #ff0000;
  margin: 0 0 1em 0;
  float: none;
  clear: left;
  font-size: 1.4rem;
  line-height: 1.4;
}

#contents #cat_second p.prof_caution,
#contents #rental p.prof_caution {
  margin-bottom: 2em;
}

body.list_join #box_player section p.prof_caution {
  margin-top: -4em;
  margin-bottom: 40px;
}

/* 210209 */

/*#box_player_data:before {
  content: '記録は準備中です。';
  display: block;
  font-size: 1.4em;
  text-align: center;
  margin-top: 4em;
}

#box_player_data h4,
#box_player_data table,
#box_player_data p {
  display: none;
}*/

/*==== 2022-10-30 sakamoto kyu ====*/

#box_player_data .dl_table {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
}

#box_player_data .dl_table dt,
#box_player_data .dl_table dd {
  font-size: 1.4rem;
  line-height: 2.2rem;
  box-sizing: border-box;
  padding: 1.3em 1em 1em 1em;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}

#box_player_data .dl_table dt {
  width: 11%;
  text-align: right;
  padding-left: 0.5em;
  background-color: #f1f9ff;
}

#box_player_data .dl_table dd {
  width: 89%;
}

/* 2022-12-27-sawada gallery */

#box_photo_goods ul.slick-galley img {
  max-width: 100%;
  max-height: 573px;
  display: inline-block;
}

div.slick-list {
  margin-bottom: 12px;
}

#box_photo_goods .slick-galley .slick-slide {
  background-color: #f5f5f5;
  height: 573px;
  display: flex;
  align-items: center;
  justify-content: center;
}

ul.slider.slider-nav div.slick-track li.slick-slide {
  background-color: #111 !important;
  text-align: center;
}

ul.slider.slider-nav div.slick-track li.slick-slide img {
  display: inline-block;
  height: 115px;
}

ul.slider.slider-nav .slick-current img {
  opacity: 0.3;
}

#box_photo_goods .slick-prev:before,
#box_photo_goods .slick-next:before {
  color: #222;
}

/* ギャラリー　Now Waiting */
.now_waiting .slick-slider.slider-nav {
  display: none;
}

/* sp */

@media screen and (max-width: 768px) {
  #box_ttl h1 span.dot {
    font-size: 4vw;
    position: static;
    display: inline !important;
    padding: 0 !important;
  }

  #box_nav {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  nav.snav {
    margin: 0;
  }

  nav.snav>ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: row;
    -webkit-flex-direction: row;
    margin-top: 1em;
  }

  nav.snav>ul li {
    font-size: 3.4375vw;
    /* 11px */
    float: none;
    height: auto;
    margin-right: 0;
    /*background-color: #dc5d5d;*/
  }

  nav.snav>ul li a {
    padding: 0;
    border: none;
    display: block;
  }

  /*  */
  #box_nav h3 {
    float: none;
    font-size: 6.25vw;
    /* 20px */
    margin-top: 0.6em;
  }

  #box_nav h3:after {
    display: none;
  }

  #season_selector {
    display: none;
  }

  /*  */
  #box_cnav {
    width: 84vw;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }

  #btn_prev,
  #btn_next {
    /*position: absolute;*/
    /*top: 24px;*/
    /*margin: 0;*/
    font-size: 3.125vw;
    /* 10px */
    top: 0;
    position: static;
  }

  #btn_prev {
    left: 0.4em;
  }

  #btn_next {
    right: 0.4em;
  }

  #btn_prev a {
    padding-left: 1vw;
    padding-top: 0;
  }

  #btn_next a {
    padding-right: 1vw;
    padding-top: 0;
  }

  #btn_next a,
  #btn_prev a {
    font-size: 0px;
    width: 0px;
    height: 0px;
  }

  #btn_next a:after,
  #btn_prev a:after {
    /*		content: '';
    width: 36px;
    height: 36px;
    border-top: 4px solid #23b7fe;
    border-right: 4px solid #23b7fe;
    position: absolute;
    top: 0;*/
    width: 18px;
    height: 18px;
    top: -18px;
  }

  /*  */
  #box_cnav div.inner {
    padding-left: 0;
    padding: 0 1em;
    border: none;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
  }

  p.typo_position {
    font-size: 6.25vw;
    /* 20px */
    height: auto;
    line-height: 1;
    padding-right: 1.1em;
  }

  p.typo_position:after {
    top: -0.1em;
	right: 0.6em;
    height: 1.2em;
    border-right-width: 2px;
  }

  #box_cnav h4 {
    font-size: 5.625vw;
    /* 18px */
    margin: 0;
	width: 60vw;
	line-height: 1.3;
  }

  #box_cnav h4 span.kana,
  #box_cnav h4 span.typo_name_e {
    font-size: 2.8vw;
    margin-top: 0;
    /* 10px */
    /*margin: 0;*/
    display: block;
  }

  #box_cnav h4 span.kana {
    font-size: 1.1rem;
    margin-top: 0.3em;
	display: inline-block;
  }

  /*  */
 #contents {
    width: 100%;
  }

  #box_ttl_prof {
    width: 100%;
  }

  #box_ttl_prof h5 {
    font-size: 5.625vw;
    /* 18px */
    /*margin-bottom: 0.4em;*/
    width: 96%;
    padding-left: 0;
    text-indent: 0;
    float: none;
    margin: 0 auto 0.4em;
  }

  #box_ttl_prof h5 br {
    display: none;
  }

  #box_ttl_prof div.sns {
    position: static;
    text-align: center;
    clear: both;
  }

  /*  */
  #box_main_img {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
  }

  #box_main_img ul {
    width: 100%;
    order: 1;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }

  #box_main_img ul li {
    float: none;
    margin: 0;
  }

  #box_main_img ul img {
    width: 100% !important;
    height: auto !important;
  }

  #box_main_img ul li:first-child img,
  #box_main_img ul li:first-child {
    width: auto;
    display: none;
  }

  #box_main_img>p {
    width: 100%;
    height: auto;
    float: none;
    min-height: initial;
    order: 0;
  }

  /*  */
  #box_etc {
    width: 90vw;
    margin: 2em auto 0;
  }

  #typo_message {
    font-size: 3.4375vw;
    /* 11px */
    margin-bottom: 1em;
  }

  /*  */
  #box_etc dl dt {
    font-size: 3.4375vw;
    /* 11px */
    float: none;
  }

  #box_etc dl dt,
  #box_etc dl dd {
    padding: 0.2em 0;
  }

  #box_etc>dl dd {
    font-size: 3.4375vw;
    /* 11px */
    padding-left: 0;
    padding-bottom: 0.6em;
    margin-bottom: 0.6em;
  }

  /*  */
  #box_official {}

  #box_player_data h4,
  #box_personal_deta h5,
  #box_conn h6,
  #box_official h6 {
    /*		float: left;
    padding-right: 28px;
    position: relative;
    height: 32px;
    line-height: 1;
    float: left;*/
    font-size: 4.6875vw;
    /* 15px */
    float: none;
    height: 1em;
    padding-right: 0;
  }

  #box_player_data h4:after,
  #box_personal_deta h5:after,
  #box_conn h6:after,
  #box_official h6:after {
    display: none;
    /*		-webkit-transform: skew(-36deg);
    -ms-transform: skew(-36deg);
    -moz-transform: skew(-36deg);
    -o-transform: skew(-36deg);
    transform: skew(-36deg);
    
    content: '';
    
    display: block;
    position: absolute;
    
    top: -8px;
    right: 10px;
    height: 90%;
    
    z-index: 2;
    border-right: 3px solid #2cbafe;*/
  }

  #box_official ul {
    width: 100%;
    margin-left: 0;
    margin-top: 1em;
  }

  #box_official ul:after {
    content: '.';
    visibility: hidden;
    height: 0;
    clear: both;
    display: block;
  }

  /*  */
  p.img_sns {
    width: 40%;
    height: auto;
  }

  #box_official li div.inner {
    width: 55%;
    margin: 0;
    padding-top: 0.4em;
    float: right;
  }

  #box_official li div.inner span {
    padding-left: 0 !important;
  }

  #box_official li div.inner span,
  #box_official li div.inner strong {
    font-size: 2.81vw;
    /* 10px */
  }

  #box_official li div.inner img {
    position: static !important;
    display: block;
  }

  /*  */
  #box_conn ul {}

  #box_conn li {
    width: 50%;
    margin-right: 0;
    font-size: 3.125vw;
    /* 10px */
  }

  #box_conn li img {
    width: 96%;
    height: auto;
  }

  /*  */
  div.tab_contents {
    width: 90vw !important;
    margin: 0 auto;
  }

  div.tab_contents h5 {
    margin-bottom: 0.4em !important;
    height: auto !important;
  }

  #box_official_site table,
  #J-league_data table,
  #box_prof table {
    margin-bottom: 20px;
  }

  #box_personal_deta table.otherTable,
  #box_player_data table {
    margin-bottom: 0;
  }

  #box_personal_deta table.otherTable th,
  #box_personal_deta table.otherTable td,
  #box_player_data table th,
  #box_player_data table td {
    width: auto;
  }

  #box_personal_deta table.otherTable:first-of-type,
  #box_player_data table:first-of-type {
    border-left: 1px solid #dddddd;
  }

  #box_personal_deta table.otherTable:first-of-type tr,
  #box_player_data table:first-of-type tr {
    display: block;
  }

  #box_personal_deta table.otherTable:first-of-type tr td,
  #box_player_data table:first-of-type tr td {
    width: 70%;
    display: block;
    float: left;
  }

  #box_personal_deta table.otherTable:first-of-type tr td:first-of-type,
  #box_player_data table:first-of-type tr td:first-of-type {
    /*background-color: #000;*/
    width: 30%;
    border-left: none;
  }

  #box_personal_deta table.otherTable:first-of-type th #box_player_data table:first-of-type th {
    display: block;
    width: 100%;
    clear: both;
  }

  /*  */
  #box_personal_deta h4 #box_player_data h4 {
    margin-top: 2em;
  }

  /*  */
  #box_photo_goods {
    width: 100% !important;
  }

  #box_photo_goods h4 {
    width: 96%;
    margin: 0 auto;
  }

  .flexslider {
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
  }

  .flexslider .slides>li {
    height: auto !important;
  }

  .flexslider .slides img {
    /*width: 100%!important;*/
    max-width: 100%;
    max-height: 100vw;
    width: auto;
    height: auto;
  }

  ul.flex-direction-nav {
    display: none;
  }

  ol.flex-control-thumbs {
    margin-bottom: 0;
  }

  ol.flex-control-thumbs li {
    width: 10%;
    margin: 0;
  }

  .flex-control-thumbs {
    display: none;
  }

  /*  */
  #tab_prof.fixed_top div.inner,
  #tab_prof.fixed div.inner,
  #tab_prof.fixed_top ul,
  #tab_prof.fixed ul {
    width: 100%;
  }

  #tab_prof li {
    font-size: 4.375vw;
    /* 14px */
  }
  
 

  #tab_prof.fixed {
    display: none;
  }

  #tab_prof.fixed_top li {
    padding-top: 1em;
  }
  
  

  /*  */
  #img_bust_up {
    width: 40vw;
  }

  #img_bust_up img {
    width: 70vw;
  }

  /* ギャラリー */
  #box_photo_goods>div.flexslider {
    width: auto !important;
  }

  #box_photo_goods .flexslider .slides>li {
    height: auto !important;
  }

  #box_photo_goods .flex-control-nav {
    top: auto;
    bottom: auto;
    margin-top: 4vw;
  }

  #box_photo_goods .flex-viewport {
    margin-top: 5vw;
  }

  #contents {
    padding-bottom: 0;
  }

  /*==== 2022-10-30 sakamoto kyu ====*/

  #box_player_data .dl_table dt,
  #box_player_data .dl_table dd {
    font-size: 1.2rem;
  }

  #box_player_data .dl_table dt {
    width: 20%;
    text-align: right;
    padding-left: 0.5em;
    background-color: #f1f9ff;
  }

  #box_player_data .dl_table dd {
    width: 80%;
  }

  /*2022-10-side list*/

  #list_prof {
    width: 90vw;
    box-sizing: border-box;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  #list_prof ul {
    padding: 0.7em;
    margin-top: 14px;
    display: flex;
    flex-wrap: wrap;
  }

  #list_prof ul li {
    display: block !important;
    box-sizing: border-box;
    width: 50% !;
  }

  /* 2021-12-27-sawada gallery */

  #box_photo_goods ul.slick-galley img {
    max-height: 66.666vw;

    /* 220818 satohi */
    /* max-height: 100vw; */
    /* max-height: auto; */
    max-width: 100%;
    width: 100%;
    width: auto;
  }

  div.slick-list {
    margin-bottom: 8px;
  }

  ul.slider.slider-nav div.slick-track li.slick-slide img {
    height: 10.5vw;
  }

  /*mq-end*/
}

/* 220818 */

.slick-prev,
.slick-next {
  z-index: 100009;
}

@media screen and (max-width: 768px) {

  div.slick-list,
  #box_photo_goods {
    width: 100vw;
  }

  #box_photo_goods .slick-galley .slick-slide {
    height: auto;
  }

  /* 221115 */

  body.staff_page p.typo_position {
    font-size: 6.25vw;

    padding-right: 1.2em;
  }

  body.staff_page p.typo_position:after {
    top: 0;
    height: 1em;
    border-right-width: 2px;
  }
}

/*  */

/* Q&A */

#box_personal_deta h5+dl {
  width: 100%;
  margin: 0 auto 30px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;

  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}

#box_personal_deta h5+dl dt,
#box_personal_deta h5+dl dd {
  font-size: 1rem;
  line-height: 1.4;
  padding: 1em;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;

  display: inline-flex;
  align-items: center;
}

#box_personal_deta h5+dl dt {
  background-color: #f1f9ff;
  /* text-align: center; */
}

/* X */

#box_official ul li a span.tw img {
  width: 20px;
  height: auto;
  margin-right: 0;
}

p.btn_tw a img {
  width: 18px;
  height: auto;
}

p.btn_tw a {
  color: #14171a;
}

/* 作業用指定 */

/* #box_photo_goods,
#box_player_data,
#box_personal_deta {
  display: block !important;
} */

/* #btm,
#box_sitemap,
#box_list_sponsor,
#box_bottom_bnrs,
#wrapper_header, */
body.staff_page #box_main_img {
  /* display: none !important; */
}

/* 仮 */

#tab_prof li {
  /* width: calc(100% / 2); */
}

/*2026-02-04-暫定*/
 #tab_prof li#tab_player a,
    #tab_prof li#tab_photo a {
  	color: #fff;
  	pointer-events: none;
  }

/* #box_main_img, */
/* #box_personal_deta {
  display: none;
} */

/* #box_player_data {
  display: block !important;
} */

/* no_main_img */

body.no_main_img {

  & #box_main_img ul li:first-child,
  & #box_main_img>p {
    display: none;
  }

  & #box_main_img {
    width: 200px;
    margin-left: auto;
  }

  & #contents div.left {
    position: relative;
    top: -198px;
  }

}

@media screen and (max-width: 768px) {
  body.no_main_img {

    & #box_main_img {
      width: 100%;
    }

    & #contents div.left {
      position: static;
      top: auto;
    }

  }
}

/* 準備中 */

nav.snav>ul li:not(.position) a {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}





/*  */