@charset "UTF-8";

@media screen and (max-width: 1024px){
	section.splash{
	    min-width: auto;
	}
	section.splash .textarea {
	    min-width: auto;
	}
	section.top_title .contents .scroll_btn {
	    left: auto;
    	bottom: 0px;
    	right: 20px;
	}
	section.top_tryout {
	    height: 280px;
	}
	section.top_bcl {
	    height: 560px;
	    background-size: cover;
	}
	section.top_bcl .contents, section.top_feature .contents{
	    max-width: none;
    	min-width: auto;
	    padding-left: 40%;
    	padding-right: 30px;
	    height:auto;
	}
	section.top_bcl .contents h1 {
	    padding-top: 90px;
	    margin-bottom: 30px;
	    padding-bottom:20px;
	}
	section.top_bcl .contents h1:after {
	    left: -10px;
    	bottom: 10px;
	    width: 400px;
    	height: 80px;
	}
	section.top_reason, section.top_feature, section.top_interview{
    	height: 480px;
	    background-size: cover;
	}

	section.top_reason .contents{
	    max-width: none;
    	min-width: auto;
	    padding-left: 40%;
    	padding-right: 30px;
	    height:auto;
	}
	
/*	section.top_reason .contents {
	    max-width: none;
    	min-width: auto;
	    padding-left: 30px;
	    height:auto;
	}*/
	section.top_reason .contents h1{
	    padding-top: 90px;
	    margin-bottom: 30px;
	}
	section.top_reason .contents h1:after {
	    left: -10px;
    	bottom: 10px;
    	width: 600px;
    	height: 80px;
	}
	section.top_feature .contents h1, section.top_interview .contents h1{
	    padding-top: 110px;
	    margin-bottom: 30px;
	}
	section.top_feature .contents h1:after {
	    left: -10px;
    	bottom: 5px;
	    width: 500px;
    	height: 80px;
	}
	section.top_interview .contents {
	    padding-left: 30px;
	    height:auto;
	}
	section.top_interview .contents h1:after {
    	left: -10px;
    	bottom: 5px;
    	width: 600px;
    	height: 80px;
	}
	section.common_news {
	    width: 90%;
	    min-width: auto;
	}
	section.common_link {
	    width: 90%;
	    min-width: auto;
	}
	section.common_link ul li img{
	    width: 100%;
	    height:auto;
	}
	footer section.team_icon ul li {
    	padding: 16px;
	}
	footer section.team_icon ul li a img{
    	width: 30px;
    	width: 4vw;
	}
	section.footer_tryout {
    	height: 480px;
	}
	section.footer_tryout .player {
 		height: 480px;
 		background-size:cover;
 	}
 	section.footer_tryout .contents{
 	   padding-left: 420px;
	   padding-left: 44vw;
 	   height:auto;
 	}
 	section.footer_tryout .contents h1 {
 	   padding-top: 150px;
 	}
 	section.footer_tryout .contents h1:after {
 		background-size: contain;
	    left: -10px;
	    height: 105px;
	}
	footer .footer_link {
		min-width:auto;
	}
	footer .footer_link_bg {
		padding:0 4%;
	}
	footer .footer_link .footer_link_right ul li {
	    padding-left: 32px;
	}
	section.second_title {
	    height: 300px;
	}
	article.contents {
	    padding: 20px 5% 36px;
	}
	article.contents section {
	    min-width: auto;
	}
	article.contents section h1.txt_draft:before {
	    left: -20px;
	}
	article.contents section h1.txt_environment:before{
		    left: -20px;
	}
	article.contents section h1.txt_birthplace:before{
		    left: -20px;
	}
	article.contents section h1.txt_age:before{
		    left: -20px;
	}
	article.contents section h1.txt_achievements:before{
		    left: -20px;
	}
	article.contents section h1.txt_players:before{
		    left: -20px;
	}
	article.contents section h1.txt_teams:before{
		    left: -20px;
	}
	article.contents section h1.txt_salary:before{
		    left: -20px;
	}
	article.contents section h1.txt_schedule:before{
		    left: -20px;
	}
	article.contents section h1.txt_tryout:before{
		    left: -20px;
	}
	div.tryout_entrybox {
	    min-width: auto;
	}
}

@media screen and (max-width: 767px){
	.pc_only{
    	display: none;
	}
	.sp_only{
		display: block;
	}
	header nav#menu_sp p{
		height:60px;
		background:#ffffff;
		width:100%;
		position: relative;
		margin:0;
	}
	header nav#menu_sp p .link_top{
		position: absolute;
		top:0;
		left:0;
	}
	header nav#menu_sp p .link_top a{
		display: table;
		width:90px;
		height:60px;
	}
	header nav#menu_sp p .link_top a span{
		display: table-cell;
		vertical-align: middle;
		margin:auto;
	}
	header nav#menu_sp p .sp_menu_btn{
		position: absolute;
		top:0;
		right:0;
	}
	header nav#menu_sp ul{
		width:100%;
		padding:20px;
		background:rgba(0,0,0,0.8);
		display: none;
	}
	header nav#menu_sp ul li{
		text-align: left;
		padding-left: 16px;
		border-left:4px solid #ffffff;
		margin-bottom: 12px;
		display: table;
		min-height: 48px;
	}
	header nav#menu_sp ul li a{
		color:#ffffff;
		display: table-cell;
		vertical-align: middle;
	}
	header nav#menu_sp ul li.link_tryout{
		border:none;
		padding-left: 0;
		margin:0;
	}
	header nav#menu_sp ul li.link_tryout img{
		width:100%;
		height:auto;
	}

	section.top_title .contents {
	    max-width: none;
    	min-width: auto;
	}
	section.top_title .contents .title {
    	padding-top: 30vh;
	}
	section.top_title .contents .title span {
	    font-size: 120%;
    	font-size: 5vw;
    	letter-spacing: 0px;
	}
	section.top_title .contents .title h1 img {
		max-width:50vw;
		height:auto;
	}
	section.top_title .contents .latest_news {
    	margin-top: 0; 
		position: absolute;
		bottom: 72px;
		width:100%;
	}
	section.top_title .contents .latest_news ul li {
	    display: none;
	    padding:8px 12px;
	}
	section.top_title .contents .latest_news ul li:first-child {
	    display: table;
	}
	section.top_title .contents .latest_news ul li i {
    	display: table-cell;
	    vertical-align: middle;
	    width: 110px;
	}
	section.top_title .contents .latest_news ul li span {
    	display: table-cell;
	    vertical-align: middle;
		text-align: left;
	}
	section.top_title .contents .scroll_btn {
	    left: auto;
	    right: 5%;
	    padding: 0px 12px 24px 12px;
	    border-left: 0;
	    border-right: 2px solid #ffffff;
	}
	section.top_tryout {
	    height: auto;
	    padding: 0px 4% 40px;
	}
	section.top_tryout .contents {
	    max-width: none;
    	min-width: auto;
    	height: auto;
	}
	section.top_tryout .contents h1 {
	    padding-top: 40px;
    	font-size: 120%;
    	font-size: 5vw;
	}
	section.top_tryout .contents p {
	    font-size: 110%;
    	font-size: 4vw;
    	line-height: 150%;
	}

	section.top_bcl {
	    background: url(../img/top/sp_top_bcl_bg_2024.jpg) center center no-repeat;
		height: auto;
		background-size: cover;
		padding:30px 6%;
	}
	section.top_bcl .contents {
		max-width: none;
		min-width: auto;
		height: auto;
		padding: 0;
	}
	section.top_bcl .contents h1 {
		padding-top: 50px;
		font-size: 140%;
    	font-size: 6vw;
		margin-bottom: 20px;
    	letter-spacing: 0;
	}
	section.top_bcl .contents h1:after {
		position: absolute;
    	left: -12px;
    	bottom: 15px;
	    width: 100%;
    	height: 50px;
    	background-size: contain;
	}


	section.top_reason {
	    background: url(../img/top/sp_top_reason_bg_2024.jpg) center center no-repeat;
		height: auto;
		background-size: cover;
		border-top: 2px solid #ffffff;
	}
	section.top_reason .contents {
		max-width: none;
		min-width: auto;
		height: auto;
		padding:30px 6%;
	}
	section.top_reason .contents h1 {
	    max-width: none;
    	padding-top: 30px;
    	font-size: 140%;
    	font-size: 6vw;
	    margin-bottom: 20px;
	}
	section.top_reason .contents h1:after {
		position: absolute;
	    left: -12px;
    	bottom: 24px;
	    width: 280px;
    	height: 50px;
    	background-size: contain;
	}
	section.top_reason .contents p {
	    margin-bottom: 0px;
	}


	section.top_feature {
	    background: url(../img/top/sp_top_feature_bg_2024.jpg) center center no-repeat;
		height: auto;
		background-size: cover;
		border-top: 2px solid #ffffff;
	}
	section.top_feature .contents {
	    max-width: none;
    	min-width: auto;
	    height: auto;
	    padding:30px 6%;
	}
	section.top_feature .contents h1:after {
	    left: -12px;
    	bottom: 15px;
    	background: url(../img/top/top_feature_bg_txt.png) left center no-repeat;
    	background-size: contain;
    	width: 280px;
    	height: 50px;
	}
	section.top_feature .contents p {
	    margin-bottom: 0px;
	}
	section.top_feature .contents h1 {
	    padding-top: 30px;
    	font-size: 140%;
    	font-size: 6vw;
	    margin-bottom: 20px;
	}


	section.top_interview {
	    background: url(../img/top/sp_top_interview_bg_2024.jpg) center center no-repeat;
		height: auto;
		background-size: cover;
		border-top: 2px solid #ffffff;
	}
	section.top_interview .contents {
	    max-width: none;
    	min-width: auto;
    	height: auto;
    	margin: auto;
    	padding: 30px 6%;
	}
	section.top_interview .contents h1 {
	    padding-top: 30px;
    	font-size: 140%;
    	font-size: 6vw;
	    margin-bottom: 20px;
	}
	section.top_interview .contents h1:after {
	    left: -12px;
    	bottom: 15px;
    	background: url(../img/top/top_interview_bg_txt.png) left center no-repeat;
    	background-size: contain;
	    width: 350px;
    	height: 50px;
	}
	section.top_interview .contents p {
    	margin-bottom: 0;
	}

	section.common_news {
    	max-width: none;
    	min-width: auto;
    	margin: 40px auto;
	}
	section.common_news h1 {
	    margin-bottom: 20px;
    	font-size: 150%;
	}
	section.common_news ul {
	    width: 100%;
    	padding: 8px 5%;
	    margin: auto;
	}
	section.common_news ul li{
	    font-size: 90%;
	}
	section.common_news ul li i {
    	padding-right: 4px;
    	width: 110px;
	}
	section.common_link {
	    max-width: none;
	    min-width: auto;
	    margin:40px auto;
	}
	section.common_link h1 {
	    margin-bottom: 20px;
    	font-size: 150%;
	}
	section.common_link ul{
	    width: 92%;
	    margin: auto;
	}
	section.common_link ul .col-4{
		width:100%;
		margin-bottom: 20px;
		text-align: center;
	}
	section.common_link ul .col-4 a{
		text-align: left;
    	display: inline-block;
	}

	section.footer_tryout {
	    height: 220px;
	}
	section.footer_tryout .player {
	    height: 220px;
	    background-size: cover;
	}
	section.footer_tryout .contents {
    	max-width: none;
	    min-width: auto;
    	height: 220px;
    	padding: 0px 1% 0 42%;
    	overflow: hidden;
	}
	section.footer_tryout .contents h1 {
	    padding-top: 38px;
	    font-size: 180%;
	    margin-bottom:25px;
	}
	section.footer_tryout .contents h1:after {
    	left: -12px;
    	bottom: -2px;
    	background-size: contain;
    	width: 280px;
    	height: 50px;
	}
	section.footer_tryout .contents p {
	    margin: 12px 0;
    	font-size: 100%;
	}
	section.footer_tryout .contents .footer_tryout_link {
    	margin-top: 12px;
	}
	section.footer_tryout .contents .footer_tryout_link a {
	    padding: 8px 20px 6px;
    	line-height: 150%;
    	font-size: 90%;
	}

	footer .footer_link_bg {
	    padding: 0 4%;
	    padding: 16px 4%;
	}
	footer .footer_link {
	    max-width: none;
    	min-width: auto;
	}
	footer .footer_link .footer_link_left {
	    vertical-align: top;
	    float:left;
	}
	footer .footer_link .footer_link_right ul li {
	    float:right;		
	}
	footer .footer_link .footer_link_right ul li {
	    display: block;
    	padding-left: 10px;
    	text-align: right;
    	width:100%;
    	line-height: 200%;
	}
	footer .footer_link .footer_link_right p.footer_copyright {
	    display: none;
	}
	footer p.footer_copyright_sp {
	    display: block;
	    font-size: 80%;
	    font-size: 3vw;
	    text-align: right;
	    margin-bottom: 5px;
	}

	.gototop {
    	display: none !important;
	}

	section.second_title {
	    min-width: auto;
    	height: 240px;
	}
	section.second_title.bg_reason {
	    background-size: cover;
	}
	section.second_title h1 {
	    font-size: 130%;
	}
	article.contents section {
	    max-width: none;
    	min-width: auto;
    	padding: 0 5%;
    	margin: 40px auto 0;
	}
	article.contents section h1 {
	    font-size: 125%;
	    min-height: 68px;
	    margin:20px 0 -20px;
   	}
	article.contents section h1.txt_tryout {
	    font-size: 125%;
	    min-height: 68px;
	    margin:20px 0 20px;
   	}
   	article.contents section h1.txt_draft:before {
	    left: 0px;
    	bottom: 36px;
	    background-size: contain;
	    width: 100%;
	    height: 48px;
	}
	article.contents section .leadtxt {
	    margin: 12px 0 20px;
	    font-size: 90%;
	}
	article.contents section .txtbox {
	    padding: 24px 4% 10px;
	}
	article.contents section .txtbox h2 {
	    margin: 0 0 24px 0;
	    font-size: 120%;
	}
	article.contents section .txtbox .img_center img{
		width:100%;
		height:auto;
	}

	article.contents section h1.txt_environment:before {
	    left: 0;
    	bottom: 36px;
	    background-size: contain;
	    width: 100%;
	    height: 48px;
	}
	article.contents section .txtbox ul.img_reason2 {
    	margin: 0 0px 30px;
	}
	article.contents section .txtbox ul.img_reason2 li {
    	padding-left: 70px;
    	margin: 40px 0 20px 0px;
    	min-height: 100px;
    	font-size: 90%;
	}
	article.contents section .txtbox ul.img_reason2 li.icon_money {
	    background-size: 60px;
	}
	article.contents section .txtbox ul.img_reason2 li.icon_player {
	    background-size: 60px;
	}
	article.contents section .txtbox ul.img_reason2 li.icon_baseball {
	    background-size: 60px;
	}
	article.contents section h1.txt_birthplace:before {
	    left: 0;
    	bottom: 36px;
	    background-size: contain;
	    width: 100%;
    	height: 48px;
	}
	article.contents section h1.txt_age:before {
	    left: 0;
    	bottom: 36px;
	    background-size: contain;
	    width: 100%;
    	height: 48px;
	}
	article.contents section h1.txt_achievements:before {
	    left: 0;
    	bottom: 36px;
	    background-size: contain;
	    width: 100%;
    	height: 48px;
	}
	article.contents section h1.txt_players:before {
	    left: 0;
    	bottom: 36px;
	    background-size: contain;
	    width: 100%;
    	height: 48px;
	}
	article.contents section h1.txt_teams:before {
	    left: 0;
    	bottom: 36px;
	    background-size: contain;
	    width: 100%;
    	height: 48px;
	}
	article.contents section h1.txt_salary:before {
	    left: 0;
    	bottom: 36px;
	    background-size: contain;
	    width: 100%;
    	height: 48px;
	}
	article.contents section h1.txt_schedule:before {
	    left: 0;
    	bottom: 36px;
	    background-size: contain;
	    width: 100%;
    	height: 48px;
	}
	article.contents section h1.txt_tryout:before {
	    left: 0;
    	bottom: 36px;
	    background-size: contain;
	    width: 100%;
    	height: 48px;
	}
	article.contents section .txtbox.coming_soon {
    	margin-top: -20px;
	}
	article.contents section .txtbox.coming_soon p {
	    height: 240px;
	    padding: 0 4%;
	}
	article.contents section .txtbox.coming_soon p span{
		text-align: center;
	}
	article.contents section .txtbox.coming_soon p span img{
		width:80%;
		height:auto;
	}
	article.contents section .txtbox .interview_interview {
	    margin: 0 0 40px 0;
	    font-size: 90%;
	}
	div.annual_schedule {
    	margin: 10px 0 20px;
    	font-size:90%;
	}

	article.contents section .players_list a{
    	display: block;
	}
	article.contents section .players_list a span.player_img {
    	display: block;
    	width:100%;
	}
	article.contents section .players_list a span.player_img img{
		width:100%;
		height:auto;
	}
	article.contents section .players_list a span.player_name {
    	display: block;
    	padding:20px;
	}

	article.contents section .txtbox .interview_reward .col-6 {
		width:100%;
		font-size: 90%;
	}
	article.contents section .txtbox .interview_reward .col-6 img{
		width:100%;
		height:auto;
	}
	article.contents section .txtbox .interview_oneday .col-6 {
		width:92%;
		font-size: 90%;
		margin:0 auto 12px;
	}
	article.contents section .txtbox .interview_oneday .col-6 img{
		width:100%;
		height:auto;
		display: block;
	}
	article.contents section.interview_detail{
		padding:20px 4%;
	}
	article.contents section.interview_detail .interview_txt{
		padding:20px 4%;
		margin-bottom: 20px;
	}
	article.contents section.interview_detail .interview_profile{
		padding:20px 4%;
	}

	div.txtbox ul.tryout_detail .col-6{
		width:100%;
		font-size: 90%;
	}
	div.txtbox div.tryout_img_dummy {
	    width: 100%;
	    height:240px;
	}
	div.tryout_entrybox {
	    max-width: none;
    	min-width: auto;
    	background-size:cover; 
	    padding: 40px 4% 44px;
	}
	div.tryout_entrybox h2 {
	    font-size: 140%;
    	font-size: 6vw;
	    margin-bottom: 24px;
	}
	div.tryout_entrybox div img {
		width:90%;
		height:auto;
	}
	section.splash {
	    min-width: auto;
	}
	section.splash .textarea {
	    min-width: auto;
	}
	section.splash .textarea ul li {
    	margin: 12px 0;
	}
	section.splash .textarea ul li span img {
	    height: 24px;
	    height:6vw;
    	width: auto;
	}
	section.second_title.bg_reason {
	    background: url(../img/bg/sp_reason_bg_2024.jpg) center center no-repeat;
	    background-position: center 25px;
	    background-size: cover;
	}
	section.second_title.bg_feature {
	    background: url(../img/bg/sp_feature_bg_2024.jpg) center center no-repeat;
	    background-position: center 25px;
	    background-size: cover;
	}
	section.second_title.bg_interview {
	    background: url(../img/bg/sp_interview_bg_2024.jpg) center center no-repeat;
	    background-position: center 25px;
	    background-size: cover;
	}
	section.second_title.bg_interview_habu {
	    background: url(../img/bg/sp_interview_habu_bg.jpg) center center no-repeat;
	    background-position: center 25px;
	    background-size: cover;
	}
	section.second_title.bg_tryout {
	    background: url(../img/bg/sp_tryout_bg_2024.jpg) center center no-repeat;
	    background-position: center 25px;
	    background-size: cover;
	}
	div.txtbox div.tryout_item {
	    font-size: 90%;
	}
	div.txtbox ul.tryout_detail {
	    margin-bottom: 0px;
    	margin-top: -12px;
	}
	div.txtbox .japan_pro_sports_logo img{
		width:100%;
		max-width: 345px;
		height:auto;
	}
	article.contents {
	    padding: 20px 0 30px;
	}
	.tbl_tryout tr th, .tbl_tryout tr td{
		padding:4px 8px;
	}
	.try2022{
		width:100%;
		margin:0 0 1em 0;
	}
	.try2022 img{
		width:100%;
	}
	.s_area01{
		width:94%;
		border:1px #333 solid;
		background-color:#FFFFFF;
		padding:2%;
		margin:0 auto 25px auto;
	}
	.s_area02{
		margin:0 0 10px 0;
	}
	.s_area02 img{
		width:100%;
	}
	.s_area05{
		margin:0 0 10px 20px;
	}
}

@media screen and (max-width: 480px){
	.tbl_tryout.tbl01 tr th{
		width:120px;
	}
	.tbl_tryout.tbl02 tr th{
		width:90px;
	}
	.tbl_tryout.tbl03 tr th{
		width:90px;
	}
	.tbl_tryout.tbl04 tr th{
		width:80px;
	}
	.tbl_tryout.tbl06 tr th{
		width:170px;
	}
	div.annual_schedule td div span{
    	display: block;
    	margin-bottom: 20px;
    	vertical-align: middle;
    	padding-right: 0;
	}
	div.annual_schedule td div i{
    	display:block;
    	width:100%;
    	height:auto;
    	vertical-align: middle;
	}
}

@media screen and (max-width: 360px){
	section.top_interview .contents h1:after {
    	bottom: 8px;
	    width: 300px;
	}
	footer .footer_link .footer_link_left {
	    width: 64px;
	}
	footer .footer_link .footer_link_left img{
	    width: 100%;
	    height:auto;
	}
}