@charset "UTF-8";

/* =========================================

title : 【ホームメイト・ゴルフ】著名なプロゴルファー紹介
scope : /library/players/

last modify : 2022/12/05 TERA TAWA.

============================================ */
@media screen and (min-width: 650px) {
  .br-pc {
    display: block;
  }
  .br-sp {
    display: none;
  }
}
@media screen and (max-width: 650px) {
  .br-pc {
    display: none;
  }
  .br-sp {
    display: block;
  }
}

#wrap .inner {
  margin: 0;
}

[id^='main'] > .breadcrumbs > ul.siteroute > li {
  color: #000;
}

/* --------------------------------------
　　　　　　content
-----------------------------------------*/
#content {
  margin: 9px auto 0;
  max-width: 1000px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  #content {
    margin-top: .5em;
    width: 100%;
  }
}

.innerP {
  padding: .5em 1em;
}

.innerP::after {
  clear: both;
  content: '';
  display: block;
}

/* .mv
------------------*/
.mv {
  background: url(../../images/library/players/player/bg-mv.png) no-repeat;
  background-size: 100%;
  border: 2px solid #a38245;
  border-image: linear-gradient(165deg, rgba(163,130,69,1) 0%, rgba(228,203,156,1) 54%, rgba(255,247,223,1) 70%, rgba(163,130,69,1) 100%);
  border-image-slice: 1;
  box-sizing: border-box;
  display: flex;
  margin: 0 auto;
  max-width: 944px;
  min-height: 210px;
  position: relative;
}

.mv_player_wrap {
  margin: 0;
  max-width: 186px;
}

.mv_player_wrap > img {
  height: auto;
  width: 100%;
}

.mv_plate {
  align-items: center;
  background: url(../../images/library/players/player/bg-plate.png) no-repeat;
  background-size: 100%;
  box-sizing: border-box;
  color: #b57200;
  display: flex;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
  height: 187px;
  justify-content: center;
  margin: auto;
  padding: 1em 0 0 0;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
  width: calc(583 / 944 * 100%);
}

.mv_furigana {
  font-size: .53em;
  line-height: 1;
}

.mv_name {
  font-size: 1.2em;
  line-height: 1.2;
}

.mv_name + .mv_furigana {
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .mv {
    background-size: cover;
    max-width: 100%;
    min-height: auto;
  }

  .mv_player_wrap > img {
    height: 89px;
    max-width: 100%;
    width: auto;
  }

  .mv_plate {
    background-size: cover;
    flex-direction: column-reverse;
    height: 75px;
    margin: 3% auto 0;
    padding: .5em 0 0 0;
    width: 64%;
  }

  .mv_furigana {
    font-size: .3em;
  }

  .mv_name {
    font-size: .5em;
  }

  .mv_name + .mv_furigana {
    margin-bottom: 2px;
    margin-left: 0;
  }
}

/* .txt_lead
------------------*/
.txt_lead {
  line-height: 1.5em;
  margin: 1em auto 0;
  width: calc(720 / 1000 * 100%);
}

.txt_lead p + p {
  margin-top: 1em;
}

@media screen and (max-width: 767px) {
  .txt_lead {
    margin: 3% auto 0;
    width: 90%;
  }
}

/* .note
------------------*/
.note {
  background: #fff2f2;
  font-size: 15px;
  margin: 1em auto;
  padding: 1em;
  width: calc(720 / 1000 * 100%);
}

/* .locus */
.locus-wrap {
  text-align: center;
}

h2.locus {
  border-bottom: 1px solid #000;
  color: #000;
  display: inline-block;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
  font-size: 28px;
  line-height: 1.5;
  margin: 1em auto -1em;
  padding: 0 1em;
  text-align: center;
  width: auto;
}

@media screen and (max-width: 767px) {
  h2.locus {
    border-bottom: 1px solid #000;
    display: block;
    min-width: auto;
    width: 90%;
  }
}

/* #change_font_size */
#change_font_size {
  color: #148ec6;
  margin: 1em auto 0;
  width: calc(944 / 1000 * 100%);
}

.change_wrap {
  align-items: flex-end;
  border-bottom: 2px solid #148ec6;
  display: flex;
  margin-left: auto;
  padding: 0 2px;
  width: calc(220 / 944 * 100%);
}

.change_wrap span:first-of-type {
  font-size: .8em;
  margin-right: 1.5em;
}

.change_wrap span:not(:first-of-type) {
  align-items: center;
  background: #89c6e2;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin-bottom: 2px;
}

.change_wrap span:not(:first-of-type).js-active {
  background: #148ec6;
  cursor: default;
  font-weight: 600;
}

.change_wrap span:nth-of-type(2) {
  font-size: .8em;
  height: 24px;
  width: 24px;
}

.change_wrap span:nth-of-type(3) {
  height: 27px;
  width: 27px;
}

.change_wrap span:last-of-type {
  font-size: 1.2em;
  height: 30px;
  width: 30px;
}

.change_wrap span:not(:first-of-type) + span {
  margin-left: 1em;
}

@media screen and (max-width: 767px) {
  .change_wrap {
    margin-bottom: 20px;
    width: 56%;
  }
}

/* --------------------------------------

　　　　　　.box_point

-----------------------------------------*/
.box_point {
  margin: 3em auto 0;
  width: calc(830 / 1000 * 100%);
}

.box_point::before {
  clear: both;
  content: '';
  display: block;
}

.box_point h3 {
  background: #d6277b;
  box-sizing: border-box;
  color: #fff;
  font-size: 23.04px;
  font-weight: normal;
  line-height: 1.3em;
  margin: 0;
  padding: .4em .5em .4em 1.3em;
}

.meiryo .box_point h3 {
  padding: .5em .5em .3em 1.3em;
}

@media all and (-ms-high-contrast:none) {
  .box_point h3 {
    padding: .5em .5em .3em 1.3em;
  }
}

.box_point h3 span {
  display: block;
  position: relative;
}

.box_point h3 span:before {
  bottom: 0;
  content: '';
  height: 100%;
  left: -.7em;
  position: absolute;
  top: 0;
  width: .3em;
}

.player_history.-male .box_point h3 {
  background: #1c6586;
}

.player_history.-female .box_point h3 {
  background: #d6277b;
}

.player_history.-male .box_point h3 span::before {
  background: #fffbd4;
  background: -moz-linear-gradient(top, #fffbd4 0%, #ffed2a 100%);
  background: -webkit-linear-gradient(top, #fffbd4 0%, #ffed2a 100%);
  background: linear-gradient(to bottom, #fffbd4 0%, #ffed2a 100%);
}

.player_history.-female .box_point h3 span::before {
  background: #fbf183;
  background: -moz-linear-gradient(top, #fbf183 0%, #ffba00 100%);
  background: -webkit-linear-gradient(top, #fbf183 0%, #ffba00 100%);
  background: linear-gradient(to bottom, #fbf183 0%, #ffba00 100%);
}

.meiryo .box_point h3 span:before {
  top: -.1em;
}

@media all and (-ms-high-contrast:none) {
  .box_point h3 span:before {
    top: -.1em;
  }
}

.box_point h4 {
  position: relative;
  border-bottom: 1px solid #094;
  font-size: 1.2em;
  padding: 1rem 0 .25em 1.3em;
}

.box_point h4:before {
  position: absolute;
  left: 0;
  color: #007e44;
  content: '\f450';
  font-family: 'Font Awesome 5 Free';
}

#wrap .box_point .inner {
  margin: 1.13em auto 0;
  overflow: hidden;
  width: calc(790 / 830 * 100%);
}

.box_point .inner img {
  float: right;
  margin: 0 0 1.732em 1.732em;
  width: calc(320 / 790 * 100%);
}

.box_point .inner p {
  line-height: 1.5em;
  margin-top: .5em;
  text-align: justify;
}

.box_point .inner p:first-of-type {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .box_point {
    margin-top: 2.04em;
    width: 90%;
  }

  .box_point h3 {
    font-size: 5vw;
  }

  .box_point h4 {
    margin-left: 1.3em;
    padding: 1rem 0 .25em 0;
  }

  .box_point h4:before {
    left: -1.3em;
  }

  #wrap .box_point .inner {
    margin-top: 1em;
  }

  .box_point .inner img {
    height: auto;
    margin: 0 0 1em 1em;
  }
}

/* .profile */
.profile {
  background: #f2eee7;
  margin: 3em auto 0;
  max-width: 650px;
  padding: .5em 1em;
  width: 100%;
}

.profile.-female {
  background: #fff2f8;
}

.prof {
  display: flex;
}

.prof img {
  border: 1px solid #fafff6;
  height: 150px;
  margin: .5em 0;
  max-width: 150px;
  object-fit: cover;
  width: 100%;
}

.prof p {
  font-size: 15px;
  margin: .5em 0 0 1em;
  max-width: 500px;
}

.prof.text_only p {
  margin: 1em 0 0;
  max-width: 100%;
}

.attention {
  font-size: 15px;
  margin: -1.8em auto 2em;
  max-width: 684px;
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .profile {
    margin: 2em auto 0;
    max-width: none;
    padding: .5em 1em;
    width: 83%;
  }

  .prof {
    align-items: center;
    flex-direction: column;
  }

  .attention {
    margin: -1.4em auto 2em;
    max-width: none;
    width: 90%;
  }
}

/* 掲載日 */
.publication_date {
  font-size: 92%;
  max-width: 684px;
  padding-top: 0.3em;
  margin: auto;
  display: flex;
  justify-content: end;
}
@media screen and (max-width: 767px) {
  .publication_date {
    width: 90%;
  }
}

.mt1 {
  margin-top: 1em;
}
.mt2 {
  margin-top: 2em!important;
}
.mt3 {
  margin-top: 3em;
}
.mt4 {
  margin-top: 4em;
}
.mt4_5 {
  margin-top: 4.5em;
}
.mt5 {
  margin-top: 5em;
}
.mb2 {
  margin-bottom: 2em!important;
}

/* .bnr520 */
.bnr520 {
  margin: 1em auto;
  width: 520px;
}

.bnr520 figcaption {
  font-size: 15px;
  line-height: 1.5;
  margin: .5em 0 0;
  width: 560px;
}

.bnr520 img:hover {
  opacity: .75;
}


@media screen and (max-width: 767px) {
  .bnr520 {
    margin: 1em auto;
    width: 95%;
  }
  .bnr520 figcaption {
    width: 97%;
  }
}

.bnr560 {
  margin: 2em auto 1em;
  width: 560px;
}
.bnr560 figcaption {
  font-size: 15px;
  line-height: 1.5;
  margin: .5em 0 0;
  width: 560px;
}
.bnr560 img:hover {
  opacity: .75;
}

@media screen and (max-width: 767px) {
  .bnr560 {
    margin: 2em auto 1em;
    width: 95%;
  }
  .bnr560 figcaption {
    width: 97%;
  }
}

/* .bnr3 */
@media (min-width: 768px) {
  .bnr3 {
    display: flex;
    justify-content: space-around;
    margin: 2em auto 2.2em;
    width: 830px;
  }

  .bnr3 li a:hover {
    opacity: .75;
  }

  .bnr3 li a img {
    width: 260px;
  }
}

@media screen and (max-width: 767px) {
  .bnr3 {
    margin: 1rem auto 0;
    width: 92%;
  }

  .bnr3 li {
    margin: 0 0 1rem;
  }
}

.search_box {
  margin: .5em 1em 1em auto;
  position: relative;
  width: 350px;
}
p.search_btn {
  border: 1px solid #007e44;
  border-radius: 5px;
  color: #004894;
  font-size: 18px;
  font-weight: 700;
  padding: .5em 0 .5em 6.5em;
}
.search_box img.img_01 {
  left: 1em;
  margin: 0;
  position: absolute;
  top: .7em;
  width: 5em;
}
.search_box img.img_02 {
  left: 1em;
  margin: 0;
  position: absolute;
  top: .8em;
  width: 5em;
}
.search_box img.img_03 {
  left: 1em;
  margin: 0;
  position: absolute;
  top: .55em;
  width: 4em;
}
p.search_btn:after {
  color: #d6277b;
  content: '\f35d';
  font-family: 'Font Awesome 5 Free';
  position: absolute;
  right: 1em;
  top: .5em;
}
p.search_btn:hover {
  background: #e8f7df;
  color: #000;
}


@media screen and (max-width: 767px) {
  .search_box {
    position: relative;
    width: 100%;
  }
}

/* #bnr-space */
#bnr-space {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2em auto 0;
  width: 960px;
}

#bnr-space li {
  width: 468px;
}

#bnr-space li:nth-child(n+3) {
  margin: 1.5em 0 0;
}

#bnr-space li > a {
  display: block;
}

#bnr-space li a:hover {
  opacity: .8;
}

#bnr-space li img {
  width: 100%;
}

#bnr-space li figcaption {
  font-size: 15px;
  line-height: 1.5;
  margin: .3em 0 0;
}

@media screen and (max-width: 767px) {
  #bnr-space {
    width: 92%;
  }

  #bnr-space li {
    width: 100%;
  }

  #bnr-space li + li {
    margin-top: 1em;
  }
}

.cls {
  display: none;
}
/* .head_4 */
.achievements .head_4 {
  background: #007c3e;
}
.women .head_4 {
  background: #ca605a;
}
.head_4 > * {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  padding: .276em .765em .235em;
}
@media all and (-ms-high-contrast:none) {
  .head_4 > * {
    padding: .3em .765em .1em !important;
  }
}
@media only screen and (max-width: 767px) {
  .head_4 > * {
    font-size: 5vw;
    letter-spacing: -.05em;
    padding: .176em .5em .235em;
  }
  .meiryo .head_4 > * {
    padding: .3em .765em .1em;
  }
}
#record {
  margin-top: 3em;
}
/* .achievements */
.achievements {
  background: #f7f0e8;
  box-sizing: border-box;
  margin: 1.45em auto 0;
  padding: 1.7% calc(14 / 868 * 100%) 2.3%;
  width: 830px;
}
@media only screen and (max-width: 767px) {
  .achievements {
    width: 90%;
    margin: 6% auto 0;
    padding: 4% calc(15 / 868 * 100%);
  }
}
.achiev_content {
  margin-top: 1.3%;
  padding: 0 1.4% 2.7%;
}
@media only screen and (max-width: 767px) {
  .achiev_content {
    margin-top: 2%;
    padding: 0 2.5% 4%;
  }
}
.achievements .row:last-child .achiev_content {
  padding-bottom: 0;
}
.achiev_content .col span {
  color: #000;
  display: inline-block;
  font-size: 17px;
  margin-right: 1.85%;
}
@media only screen and (max-width: 767px) {
  .achiev_content .col span {
    font-size: 3.5vw;
  }
}
.achiev_content .col span:last-child {
  margin-right: 0;
}
/*.achiev_content .rows .text {
color: #000;
display: flex;
font-size: 17px;
text-align: justify;
}*/
.achiev_content .rows .text {
  position: relative;
  color: #000;
  padding: 0 0 0 4.8em;
  font-size: 17px;
}
@media only screen and (max-width: 767px) {
  .achiev_content .rows .text {
    font-size: 3.5vw;
  }
}
.achiev_content .rows .text:nth-child(n+2) {
  margin-top: .7%;
}
.achiev_content .rows .text span:first-of-type {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 4.8em;
  letter-spacing: .05em;
  word-break: keep-all;
}
.history_more {
  display: none;
  margin-top: 1%;
}
/* .btn_more */
.btn_more {
  background: #91a93e;
  border-radius: .129em;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 15.5px;
  margin: 1.75% auto 0;
  max-width: 245px;
  padding: .144em 0;
  text-align: center;
}
@media all and (-ms-high-contrast:none) {
  .btn_more {
    padding: .294em 0 .094em;
  }
}
@media only screen and (max-width: 767px) {
  .btn_more {
    font-size: 3.8vw;
    margin: 3% auto 0;
    max-width: 95%;
  }
}
.btn_more:hover {
  opacity: .8;
}
.btn_more.active {
  margin: 2.2% auto 0;
}
.btn_more .more_btn {
  font-size: 15.5px;
  padding-left: 1.29em;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .btn_more .more_btn {
    font-size: 3.8vw;
  }
}
.btn_more .more_btn::after {
  background: url(/library/seedlist/image-cmn/ico-arrow-down.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: .904em;
  position: absolute;
  left: .75em;
  top: 50%;
  transform: translateY(-50%);
  width: 1.033em;
}
.btn_more.active .more_btn::after {
  transform: translateY(-50%) rotate(180deg);
}
.btn_more .more_btn span {
  font-size: 15.5px;
}
@media only screen and (max-width: 767px) {
  .btn_more .more_btn span {
    font-size: 3.8vw;
  }
}
#record-wrap, #record {
  display: none;
}

.road_to_pro_text {
  margin: 3em auto 0;
  width: calc(720 / 1000 * 100%);
}
.road_to_pro_text p {
  margin: 0 0 1.25em;
}
@media screen and (max-width: 767px) {
  .road_to_pro_text {
    margin-top: 2.04em;
    width: 90%;
  }
}

#container .related_search,#container .related_search02 {
  border-top: none;
}
@media screen and (min-width: 768px) {
  #container .related_search,#container .related_search02 {
    padding-top: 1.5%;
  }
}

footer>.footmenu {
  background-image: url('../../images/footer_bg.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 95%;
  padding-bottom: 90px;
  margin-bottom: 40px;
}