@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

*{
	box-sizing: border-box;	
}
html{
    scroll-behavior: auto !important;
}
body{
/*	font-family: 'Noto Sans Japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
    font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', sans-serif;
	background:#f4f4f4;
}
ul, ol{
	padding:0;
}
li{
	list-style-type: none;
}
i{
	font-style: normal;
}
a{
	text-decoration:none;
	color:#000000;
}
a:hover{
	opacity:0.7;
}
header nav{
	text-align: center;
	position: fixed;
	top:15vh;
	right:0;
	z-index: 100;
}

header nav ul{
	width:60px;
	margin:auto;
}

header nav ul li{
    display: block;
    margin-bottom: 10px;
    background:#252525;
}

section.top_title{
	width:100%;
	height:100vh;
	min-height: 600px;
	background:url(../img/top/top_bg.jpg) center center no-repeat;
	background-size:cover;
}
section.top_title .contents{
	width:100%;
	margin:auto;
	text-align: center;
	color:#ffffff;
	height:100vh;
	min-height: 600px;
	position: relative;
}
section.top_title .contents .top_link{
    width:100%;
    overflow: hidden;
}

section.top_title .contents .bcl_link{
    display: inline-block;
    padding:20px;
    float:left;
}
section.top_title .contents .sns_link{
    padding:20px;
    display: table;
    float:right;
}
section.top_title .contents .sns_link li{
    display: table-cell;
    padding-left: 16px;
    vertical-align: middle;
}

section.top_title .contents .title{
    width:100%;
    max-width: 1000px;
    min-width: 768px;
	padding-top: 18vh;
    text-align:center;
    margin:auto;
}
section.top_title .contents .title .title_1{
    display: block;
    opacity: 0;
    transition: all 0.5s;
    transform: translateX(-100px);
}
section.top_title .contents .title .title_2{
    display: block;
    margin-top: 14px;
    opacity: 0;
    transition: all 0.5s;
    transform: translateX(100px);
}
section.top_title .contents .draft_result {
    width: 90%;
    max-width: 400px;
    margin: 6vh auto 0;
    font-size: 120%;
    transition: all 0.5s;
    opacity: 0;
    color:#000000;
    background:#e0e0e0;
}
section.top_title .contents .draft_result p{
    margin:0;
}
section.top_title .contents .draft_result p a{
    display: block;
    padding:6px;
}

section.top_title .contents .supported {
    width: 100%;
    max-width: 1000px;
    min-width: 768px;
    margin: 6vh auto 0;
    font-weight: bold;
    font-size: 150%;
    transition: all 0.5s;
    opacity: 0;
}
section.top_title .contents .scroll_btn {
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin-left: -30px;
    animation: arrow 2s;
    animation-iteration-count: infinite;
    -webkit-animation: arrow 2s;
    -webkit-animation-iteration-count: infinite;
    transition: opacity 0.5s;
    opacity: 0;
}

@keyframes arrow {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    25% {
      -webkit-transform: translate(0, 10px);
              transform: translate(0, 10px);
    }
    50% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
}
@-webkit-keyframes arrow {
    0% {
      -webkit-transform: translate(0, 0);
    }
    25% {
      -webkit-transform: translate(0, 10px);
    }
    50% {
      -webkit-transform: translate(0, 0);
    }
    100% {
      -webkit-transform: translate(0, 0);
    }
}

section#top2{
	width:100%;
	height:640px;
	background:url(../img/top/top_bg2.jpg) center center no-repeat;
	text-align: center;
	position:relative;
    transition: all 0.5s;
    overflow: hidden;
}
section#top2 .overlay{
	content:"";
	width:100%;
	height:640px;
	background:url(../img/top/top_bg2_overlay.png) center center no-repeat;	
	position: absolute;
    top:0;
    transition: all 0.5s;
    transform: translateX(-200px);
}
section#top2 .contents {
    width: 100%;
    max-width: 1000px;
    min-width: 768px;
    height: 640px;
    margin: auto;
    text-align: left;
    position: relative;
    color: #ffffff;
    display: table;
    transition: all 0.5s;
}
section#top2 .contents p {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
section#top2 .contents p span {
    margin-bottom: 80px;
    display: block;
    max-width: 500px;
    transition: all 0.5s;
}
section#top2 .contents p span:last-child {
    margin-bottom: 0px;
}
section#top3{
	width:100%;
	height:640px;
	background:url(../img/top/top_bg3.jpg) center center no-repeat;
	text-align: center;
	position:relative;
    transition: all 0.5s;
    overflow: hidden;
}
section#top3 .overlay{
	content:"";
	width:100%;
	height:640px;
	background:url(../img/top/top_bg3_overlay.png) center center no-repeat;	
	position: absolute;
	top:0;
    transition: all 0.5s;
    transform: translateX(200px);
}
section#top3 .contents {
    width: 100%;
    max-width: 1000px;
    min-width: 768px;
    height: 600px;
    margin: auto;
    padding-left: 750px;
    text-align: left;
    position: relative;
    display: table;
}
section#top3 .contents p {
    max-width: 500px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}
section#top3 .contents p span {
    margin-bottom: 36px;
    display: block;
    transition: all 0.5s;
}
section#top3 .contents p span:last-child {
    margin-bottom: 0px;
}

section#countdown {
    width: 100%;
    height:auto;
    background: url(../img/top/countdown_bg.jpg) center center no-repeat;
    text-align: center;
    position: relative;
    background-size: cover;
    padding:30px 0 80px;
}
section#countdown p{
    margin: 30px auto;
    text-align: center;
    color:#ffffff;
    font-size:240%;
    font-weight:bold;
}
section#countdown p.countdown_ttl_end, section#countdown p.count_end_txt{
    display: none;
    margin:30px auto 0;
}
section#countdown .count {
    width: 100%;
    max-width: 540px;
    margin: auto;
}
section#countdown .count li{
    padding:0 8px;
}
section#countdown .count li div{
    padding:16px;
    background:rgba(0,0,0,0.3);
    border-radius:8px;
}
section#countdown .count li div:after {
    content:"";
    display: block;
    margin-top: 12px;
    height:24px;
}
section#countdown .count li.day div:after {
    content:"";
    background: url(../img/countdown/day.png) center center no-repeat;
}
section#countdown .count li.hour div:after {
    content:"";
    background: url(../img/countdown/hour.png) center center no-repeat;
}
section#countdown .count li.min div:after {
    content:"";
    background: url(../img/countdown/min.png) center center no-repeat;
}
section#countdown .count li.sec div:after {
    content:"";
    background: url(../img/countdown/sec.png) center center no-repeat;
}
section#countdown .count li div span{
    display: table;
    width:100%;
}
section#countdown .count li div span i{
    width:46%;
    padding:2%;
    display: table-cell;
}
section#countdown .count li div span img{
    width:100%;
    height:auto;
    transform: scale(1);
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}

section.w1000{
    width:100%;
    padding-top: 60px;
    background:#f7f7f7;
}
section.w1000 h1{
    text-align: center;
    color:#333333;
    margin-bottom: 40px;
    font-size: 240%;
}
section.w1000 h1 span{
    display: inline-block;
    padding-left: 80px;
    min-height: 60px;
    margin: auto;
    font-weight: bold;
    line-height: 80px;
}
section.w1000 .contents{
    width:100%;
    max-width:1000px;
    min-width: 768px;
    padding:60px 60px 20px 60px;
    background:#ffffff;
    margin:0 auto;
}
section#sponser h1 span {
    background: url(../img/common/icon_company.png) left center no-repeat;
}
section#sponser ul {
    width: 640px;
    margin: auto auto 40px auto;
}
section#sponser ul li {
    display: table;
    text-align: center;
}
section#sponser ul li a{
    display: table-cell;
    vertical-align: middle;
}
section#sponser ul li a img{
    margin:auto;
    border: 1px solid #cccccc;
}

section#player{
    width:100%;
    padding-top: 60px;
    background:#f7f7f7;
}
section#player h1 span{
    background:url(../img/common/icon_baseball.png) left center no-repeat;
}
section#player .contents ul{
    margin-bottom: 20px;
}
section#player .contents ul li{
    text-align: center;
    margin-bottom: 30px;
}
section#player .contents ul li span{
    display: block;
    margin-top: 8px;
    font-size: 90%;
}
section#player .contents .profile{
    width:100%;
    max-width:1000px;
    min-width: 768px;
    margin: 0 auto 30px;
    background: #f7f7f7;
}
section#player .contents .profile .player_detail{
    padding:30px;
    display: none;
}
section#player .contents .profile .ishikawa{
    border:2px solid #004097;
}
section#player .contents .profile .tochigi{
    border:2px solid #C79F62;
}
section#player .contents .profile .saitama{
    border:2px solid #E50012;
}
section#player .contents .profile .nagano{
    border:2px solid #C11F23;
}
section#player .contents .profile .kanagawa{
    border:2px solid #8468AA;
}
section#player .contents .profile .ibaraki{
    border:2px solid #4f255e;
}
section#player .contents .profile .gunma{
    border:2px solid #5d84bf;
}
section#player .contents .profile .shiga{
    border:2px solid #231815;
}
section#player .contents .profile h2{
    font-size: 180%;
    padding-left:20px;
    font-weight:bold;
}
section#player .contents .profile h2 span {
    font-size: 80%;
    font-weight: normal;
    display: inline-block;
    margin: 0 0 0 16px;
}
section#player .contents .profile .ishikawa h2{
    border-left:6px solid #004097;
}
section#player .contents .profile .tochigi h2{
    border-left:6px solid #C79F62;
}
section#player .contents .profile .saitama h2{
    border-left:6px solid #E50012;
}
section#player .contents .profile .nagano h2{
    border-left:6px solid #C11F23;
}
section#player .contents .profile .kanagawa h2{
    border-left:6px solid #8468AA;
}
section#player .contents .profile .ibaraki h2{
    border-left:6px solid #4f255e;
}
section#player .contents .profile .gunma h2{
    border-left:6px solid #5d84bf;
}
section#player .contents .profile .shiga h2{
    border-left:6px solid #231815;
}
section#player .contents .profile .row{
    padding:30px 0 5px;
    width:100%;
    margin:0;
}
section#player .contents .profile span {
    display: block;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 24px;
}
section#player .contents .profile span img{
    width:100%;
    height:auto;
}
section#player .contents .profile table{
    border:none;
    font-size:90%;
}
section#player .contents .profile table tr th{
    font-weight: normal;
}
section#player .contents .profile table tr th, section#player .contents .profile table tr td{
    padding:4px 8px;
    width:50%;
    background:#ffffff;
}
section#player .contents .profile table tr:nth-child(2n) th, section#player .contents .profile table tr:nth-child(2n) td{
    background:#f0f0f0;
}
section#player .contents .profile table tr:nth-child(2n) td{
    border-left:4px solid #f7f7f7;
}
section#player .contents .profile .tube{
    margin:24px 0 0 0;
    width:100%;
}
section#player .contents .profile .tube iframe{
    width:100%;
}
section#message{
    width:100%;
    padding-top: 60px;
    background:#f7f7f7;
}
section#message h1 span{
    background:url(../img/common/icon_message.png) left center no-repeat;
}
section#message .contents{
    margin-bottom: 60px;
}
section#message .contents ul{
    margin-bottom: 20px;
}
section#message .contents ul li{
    text-align: center;
    margin-bottom: 30px;
}
section#message .contents ul li span{
    display: block;
    margin-top: 8px;
    font-size: 90%;
}
section#message .contents .interview_detail{
    overflow: hidden;
    margin: 0 0 30px 0;
}
section#message .contents .interview_detail .img_dummy{
    width:420px;
    height:315px;
    background:#cccccc;
    display: inline-block;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
section#message .contents h2{
    margin-bottom: 30px;
}
section#message .contents h2 a{
    border:4px solid #000000;
    display: table;    
    width:100%;
}
section#message .contents h2 i{
    display: table-cell;
    width:96px;
    height:92px;
    border-right:4px solid #000000;
}
section#message .contents article{
    width:90%;
    max-width: 680px;
    margin:0 auto;
}
section#message .contents article p{
    font-size: 100%;
    line-height: 200%;
}

section#message .contents.message01 h2 i{
    background:#356d4c url(../img/message/message_01.png) center center no-repeat;
}
section#message .contents.message02 h2 i{
    background:#eb6d81 url(../img/message/message_02.png) center center no-repeat;
}
section#message .contents h2 span{
    display: table-cell;
    vertical-align: middle;
    font-weight:bold;
    padding-left: 24px;
    font-size: 80%;
}
section#message .contents h3 {
    padding: 0 0 16px;
    font-size: 130%;
    font-weight: bold;
    display: table;
}
section#message .contents h3 i{
    display: table-cell;
    vertical-align: middle;
    width:20px;
    padding-right: 20px;
    padding-top: 3px;
}
section#message .contents h3 i:before{
    content:"";
    display: inline-block;
    width:20px;
    height:20px;
    background:#000000;
}
section#message .contents.message01 h3 i:before{
    background:#356d4c;
}
section#message .contents.message02 h3 i:before{
    background:#eb6d81;
}
section#message .contents h3 span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0px;
    font-weight: bold;
}
section#message .interview_detail_wrap{
    display: none;
}

section#message .contents .message_img{
    margin:30px auto;
    text-align: center;
}
section#message .contents .message_img img{
    max-width: 100%;
    height:auto;
}
section#message .contents .message_img a{
    display: inline-block;
    text-align: left;
}
section#message .contents .message_img a i{
    display: block;
    margin:8px 0 0 0;
    font-size: 85%;
}
section#message .contents .message_img span{
    display: block;
    position:relative;
}
section#message .contents .message_img span i{
    display: block;
    text-align: left;
    margin-top:6px;
}
section#message .contents .president .message_img span:after{
    content:"";
    position:absolute;
    bottom:0px;
    right:0px;
    width:80px;
    height:80px;
    background:rgba(0,0,0,0.7) url(../img/message/message_icon.png) center center no-repeat;
    background-size: contain;
}

section.tryout_bnnr {
    width: 100%;
    background: #f7f7f7;
}
section.tryout_bnnr div {
    width: 100%;
    max-width: 1000px;
    margin:0 auto 60px auto;    
}
section.tryout_bnnr div img{
    width:100%;
    height:auto;
}

.gototop{
	position:fixed;
	right:40px;
	bottom:40px;
}
.gototop a{
    display:block;
    height:0px;
    transition:all 0.5s;
    overflow: hidden;
}

footer{background-color: black;letter-spacing: 1px;}
footer .col-12{padding-left: 0;padding-right: 0}
.left-footer {
    background: linear-gradient(120deg, #d7000f 73%, #ffffff00 0%);
    float: left;
}
.left-footer img{
    margin: 30px 245px 167px 61px;
    width: 115px;
}
#logo-team{padding:20px 0;z-index: 99;background-color: white;width: 100%}
#logo-team li{
    float:left;
    text-align: center;
    padding: 0 30px;
}
#logo-team li img{
    height: 36px;
}
.right-footer{float:right;margin:46px 30px 0 0;}
.right-footer .list-top li{
    float:left;
    padding:10px;
    margin-left: 40px;
    line-height: 100%;
}
.right-footer .list-top li a{
    color:#fff;
    font-size: 14px;
    font-family: "Noto Sans CJK JP", sans-serif;
    text-decoration: none;
}
.right-footer .list-top li a:hover{
    font-weight: 700;
}
.right-footer .list-down li a{
    color:#d4d4d4;
    font-size: 11px;
    font-family: "Noto Sans CJK JP", sans-serif;
    text-decoration: none;
}
.right-footer .list-down li a:hover{
    font-weight: 700;
}
.right-footer p{
    color:#d4d4d4;
    display: block;
    clear: both;
    float: right;
/*    margin-top: 110px;*/
    margin-top:90px;
    font-size: 10px;
    font-family: "Noto Sans CJK JP", sans-serif;
    padding-right:10px;
}
.right-footer .list-down li{float:right;padding:10px;}

.pn-ProductNav_Wrapper {
  position: relative;
  padding: 0 11px;
  box-sizing: border-box;
}
/*footer team*/
.pn-ProductNav {
  /* Make this scrollable when needed */
  overflow-x: auto;
  /* We don't want vertical scrolling */
  overflow-y: hidden;
  /* For WebKit implementations, provide inertia scrolling */
  -webkit-overflow-scrolling: touch;
  /* We don't want internal inline elements to wrap */
  white-space: nowrap;
  /* If JS present, let's hide the default scrollbar */
  /* positioning context for advancers */
  position: relative;
  font-size: 0;
}