@charset "UTF-8";

.SP {
    display: none;
}

@media screen and (max-width: 1140px){
	section.junior2024_top_title .contents .title .subtitle article, section.junior2025_top_title .contents .title .subtitle article {
	    margin: 0px auto 40px;
	}
	section.junior2024_top_title .contents .title .subtitle dl, section.junior2025_top_title .contents .title .subtitle dl {
	    width: 92%;
    	margin: auto;
	}
}

@media screen and (max-width: 1024px){
	footer section.team_icon ul li {
    	padding: 16px;
	}
	footer section.team_icon ul li a img{
    	width: 30px;
    	width: 4vw;
	}
	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.detail article {
	    padding: 60px 4%;
	}
}

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

    .PC {
        display: none;
    }
    .SP {
        display: block;
    }
	.pc_only{
    	display: none !important;
	}
	.sp_only, .pc_none{
		display: block;
	}
	.team_icon01 {
    	display: none;
	}

	header nav {
    	padding: 0;
	}
	header nav.sp_only{
		display: block !important;
	}
	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: 40px;
	}
	header nav#menu_sp ul li a{
		color:#ffffff;
		display: table-cell;
		vertical-align: middle;
	}
	header nav#menu_sp ul li.link_red{
		background:#c9161d;
		border:none;
		padding:8px 48px;
		margin:0;
		text-align: center;
	}
	section.top_title {
    	min-height: 600px;
    	overflow: hidden;
	    padding: 60px 0 0;
	}
	section.top_title .title_copy2 {
    	width: 64px;
	}
	section.top_title .contents {
		width: 100%;
        max-width: none;
        min-width: auto;
        padding-top: 60px;
	    background:#ffffff url(../img/top/top_bg.jpg) center center;
        background-size: contain;
        background-repeat: no-repeat;
    }
	section.top_title .contents .title span {
	    font-size: 120%;
    	letter-spacing: 0px;
    	margin-bottom:0;
	}
	section.top_title .contents .title h1{
		margin-bottom: 0;
	}
	section.top_title .contents .title h1 img {
		width:50px;
		height:auto;
	}
	section.top_title .contents .title p {
    	font-size: 100%;
    	margin: 0 5% 0;
	}
	section .contents_wrap h1 {
    	font-size: 140%;
	}


/* top */

section.top_introduction .contents {
    width: 100%;
    padding: 0 6%;
}
section.top_introduction .contents .introduction_wrap p.right {
    font-size: 85%;
}
section .contents_wrap {
    width: 100%;
    padding: 0;
	margin:0;
}
section.top_slide .top_slide_white {
    width: 100%;
    height: 80px;
}
section.top_slide .top_slide_wrap .slide_arrows {
    bottom: 4px;
}
section.top_project .contents {
    width: 100%;
    padding: 40px 4%;
}
section.top_project .contents .top_project_wrap {
    margin: 80px auto 0;
}
section.top_project .contents .top_project_wrap h1 {
    text-align: center;
    margin: 0px auto;
}
section.top_project .contents .top_project_wrap h2 {
    width: 100%;
}
section.top_project .contents .top_project_wrap .project_linkbtn {
    width: 100%;
    font-size: 120%;
}
section.top_project .contents .top_project_wrap h1 img{
	width:100%;
	height:auto;
}
section.top_project .contents .project_links ul li.project2024 {
    padding: 0 10% 60px 10%;
}
section.top_project .contents .project_links ul li.project2025 {
    padding: 0;
}
section.top_project .contents .project_links ul li {
    display: block;
}
section.top_project .contents .project_links ul li img{
	width:100%;
	height:auto;
}
section.top_anyteam .contents_wrap {
    width: 100%;
    padding: 0 4%;
}
section.top_partner .contents_wrap {
    width: 100%;
    padding: 0 4%;
}
section.top_partner .contents_wrap article ul li {
    margin-bottom: 30px;
    width: 100%;
    display: block;
    vertical-align: middle;
    padding-right: 0;
}
section.top_partner .contents_wrap article ul li:nth-child(even) {
    padding-right: 0;
    padding-left: 0;
}
section.top_partner .contents_wrap article ul li img{
	width:100%;
	height:auto;
}

/* project */

section.project_top_title .contents .title .subtitle article p {
    text-align: left;
    margin: 40px 0% 10px 0%;
}
section.project_top_title .contents .title p {
    font-size: 120%;
}
section.project_top_title .contents {
    width: 100%;
    padding: 80px 6% 20px;
}
section.project_top_title .contents .title .subtitle article {
    margin: -40px auto 40px;
}
section.project_top_title .contents .title .subtitle article h2 {
    text-align: center;
    margin: 40px 0% 10px 0%;
}
.tube iframe{
	max-width: 100%;
}
div.project_next a {
    font-size: 140%;
}
div.project_next p {
    font-size: 110%;
}
div.project_point ul li i strong.sp_only {
    display: block !important;
    text-align: center;
    width: 100%;
    padding: 0 0 12px 0;
}
div.project_point ul li span {
    font-size: 100%;
}
div.project_point ul li i img {
    width: 120px;
    height:auto;
}
div.project_point ul li strong.pc_only {
    display: none;
}
div.project_event ul.event_detail li i img{
	width:120px;
}
div.project_event ul.event_detail li dl dt {
    width: 64px;
    font-size: 120%;
}
div.project_event ul.event_detail li dl dd {
    padding-left: 16px;
}
div.project_event ul.event_detail li dl dd strong {
    font-size: 80%;
    line-height: 150%;
    padding-bottom: 10px;
}
div.project_event ul.event_detail li dl dd span {
    display: block;
    font-size: 65%;
    line-height: 160%;
}
div.project_event a {
    font-size: 130%;
}
div.project_event a.btn_open:after {
    content: "ー";
    color: #ffffff;
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 110%;
    font-weight: bold;
}
div.project_event a.btn_close:after {
    content: "＋";
    color: #ffffff;
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 110%;
    font-weight: bold;
}
div.project_event ul.event_detail li i {
    display: none;
    padding-right: 0px;
}
div.project_event ul.event_detail li dt i.sp_only {
    display: block !important;
    margin-bottom: 12px;
}
div.project_event ul.event_detail li dl dt span {
    font-size: 80%;
    line-height: 120%;
}
div.project_event ul.event_detail li dl dt strong {
    font-size: 120%;
    line-height: 120%;
}

/* junior2024 2025 */

section.junior2024_top_title .contents .title .subtitle dl, section.junior2025_top_title .contents .title .subtitle dl {
    height: 450px;
}
section.junior2024_top_title .contents, section.junior2025_top_title .contents{
    width: 100%;
    padding: 80px 4% 20px;
}
section.junior2024_top_title .contents .title .subtitle article h2, section.junior2025_top_title .contents .title .subtitle article h2 {
    text-align: left;
    margin: 50px 0% 10px 0%;
    font-weight: bold;
    font-size: 180%;
}
section.junior2024_top_title .contents .title .subtitle article p, section.junior2025_top_title .contents .title .subtitle article p {
    text-align: left;
    margin: 40px 0% 10px 0%;
}
section.junior2024_top_title .contents .title p, section.junior2025_top_title .contents .title p{
    font-size: 120%;
}
section.junior2024_top_title .contents .title .subtitle dl dt, section.junior2025_top_title .contents .title .subtitle dl dt{
    position: absolute;
    top: auto;
    bottom: -30px;
    right: -12px;
    z-index: 3;
    text-align: right;
}
section.junior2024_top_title .contents .title .subtitle dl dt img, section.junior2025_top_title .contents .title .subtitle dl dt img{
	width:50%;
	height:auto;
}
section.junior2024_top_title .contents .title .subtitle dl dd img, section.junior2025_top_title .contents .title .subtitle dl dd img {
    border: 4px solid #ffffff;
    border-radius: 28px;
    width: 100%;
}
section.junior2024_contents .contents_wrap article.feedback_wrap h2, section.junior2025_contents .contents_wrap article.feedback_wrap h2 {
    font-size: 120%;
}
section.junior2024_contents .contents_wrap article.feedback_wrap #feedback_detail dt{
    display: block;
    width:100%;
    padding-right:0;
}
section.junior2024_contents .contents_wrap article.feedback_wrap #feedback_detail dt img{
    width:92%;
    max-width: 640px;
    margin: auto;
    display: block;
}
section.junior2024_contents .contents_wrap article.feedback_wrap #feedback_detail dt h2{
    text-align: center;
    margin-bottom: 24px;
}
section.junior2024_contents .contents_wrap article.feedback_wrap #feedback_detail dd{
    display: block;
    vertical-align: top;
}
section.junior2024_contents .contents_wrap article.feedback_wrap h1 a.btn_open:after {
    content:"ー";
    color:#0e28be;
    position: absolute;
    right:12px;
    font-size: 120%;
    font-weight: bold;
}
section.junior2024_contents .contents_wrap article.feedback_wrap h1 a.btn_close:after {
    content:"＋";
    color:#0e28be;
    position: absolute;
    right:12px;
    font-size: 120%;
    font-weight: bold;
}
section.junior2024_contents .contents_wrap article.feedback_wrap h1.summary_h1 i {
    padding: 0;
    font-size: 95%;
    letter-spacing: 0px;
}

ul.player_list li {
    float: none;
    margin-bottom: 20px;
    display: table;
    width: 100%;
    max-width: none;
}
ul.player_list li .player_profile {
    display: table-cell;
    vertical-align: top;
    border-bottom: 4px solid #0e28be;
    width: 100%;
}
ul.player_list li .player_profile dt div{
    display: inline-block;
    width:64px;
    padding-right: 8px;
}
ul.player_list li .player_profile dt h2{
    display: inline-block;
    width:auto;
}
ul.player_list li .manager_profile dt div{
    display: inline-block;
    width:64px;
    padding-right: 8px;
}
ul.player_list li .player_img img{
	width:100px;
	height:auto;
}
ul.manager_list li .manager_img img{
	width:100px;
	height:auto;
}
ul.manager_list li .manager_profile dt h2 {
    border-right: none;
}
ul.manager_list li .manager_profile dt div.pc_only {
    display: none;
}
ul.manager_list li .manager_profile dd .sp_post {
	display: block !important;
	margin-bottom: 12px;
}
ul.manager_list li .manager_profile dd .sp_post i{
	display: inline-block;
	padding:4px 12px;
	color:#ffffff;
	background:#0e28be;
	font-size: 120%;
}


section .contents_wrap article {
    padding: 60px 8% 0;
}
section .contents_wrap h1 .ttl_en{
    display: block;
    margin-bottom: 12px;
}
section .contents_wrap h1 .ttl_en img{
    height:24px;
    width:auto;
}
section .contents_wrap h1 .ttl_jp{
    font-size: 75%;
}
section.top_title .contents .title h1 span {
    margin: 0px 0 30px 0;
    display: block;
}

	/* detail */

	section.detail article p{
		font-size:90%;
		margin: 12px 0;
		width:100%;
	}
	section.detail {
	    max-width: none;
	    min-width: auto;
	    margin:0px auto;
	}
	section.detail h1 {
	    margin-bottom: 60px;
	}
	section.detail h1 span{
    	font-size: 65%;
	}
	section.detail ul{
	    width: 92%;
	    margin: auto;
	}
	section.detail ul .col-4{
		width:100%;
		margin-bottom: 0px;
		text-align: center;
	}
	section.detail ul .col-4 p{
		text-align: left;
    	display: inline-block;
	}
	section.detail ul .col-6{
		width:100%;
		margin-bottom: 20px;
		text-align: center;
		padding: 0;
	}
	section.detail ul .col-6 p{
		text-align: left;
    	display: inline-block;
	}
	section.detail ul .col-12{
		width:100%;
		margin-bottom: 20px;
		text-align: center;
		padding: 0;
	}
	section.detail article .detail_wrap p.center {
    	font-size: 130%;
	}
	section.detail article {
		padding: 40px 0%;
	}

	/* detail end */


	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;
	}

}

@media screen and (max-width: 800px) {
	section.junior2024_top_title .contents .title .subtitle dl, section.junior2025_top_title .contents .title .subtitle dl {
	    height: 400px;
	}
	section.junior2024_top_title .contents .title .subtitle dl dt, section.junior2025_top_title .contents .title .subtitle dl dt{
    	position: absolute;
    	top: auto;
    	bottom: 0px;
    	right: -12px;
    	z-index: 3;
    	text-align: right;
	}
}

@media screen and (max-width: 600px) {
	section.junior2024_top_title .contents .title .subtitle dl, section.junior2025_top_title .contents .title .subtitle dl {
	    height: 340px;
	}
	section.junior2024_top_title .contents .title .subtitle dl dt, section.junior2025_top_title .contents .title .subtitle dl dt{
    	position: absolute;
    	top: auto;
    	bottom: 0px;
    	right: -12px;
    	z-index: 3;
    	text-align: right;
	}
}

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

	section.top_title {
    	min-height: auto;
    	overflow: hidden;
	    padding: 90px 0 0;
	}
	section.top_title .contents .title {
	    width: 96%;
	}
	section.top_title .contents .title h1 i {
	    font-size: 90%;
/*    	transform: translateY(50px);*/
	}
	section.top_introduction .contents .introduction_wrap {
	    margin: 60px auto;
    	line-height: 180%;
	}
	section.top_introduction .contents .introduction_wrap h2 {
    	margin-bottom: 36px;
    	line-height: 160%;
	}
	section.top_introduction .contents .introduction_wrap p.right {
		margin-top: 36px;
    }
    section.top_news .contents_wrap article {
	    padding: 36px 0;
	}
	section.top_project .contents .top_project_wrap {
        margin: 36px auto 0;
    }
    section.top_project .contents .project_links ul li.project2024 a:after {
	    content: "2024";
    	position: absolute;
    	top: 16px;
    	left: 0;
	    font-size: 150%;
	}
    section.top_project .contents .project_links ul li.project2025 a:after {
	    content: "2025";
    	position: absolute;
    	top: 8px;
    	left: 0;
    	font-size: 200%;
	}
    section.top_anyteam .contents_wrap article {
	    padding: 36px 0;
	}
	section .contents_wrap h1 {
        font-size: 120%;
        line-height: 180%;
        padding-right: 24px;
    }
    section.top_anyteam .contents_wrap article h2 {
	    font-size: 110%;
	}
    section.project_top_title .contents .title .subtitle article h2 img{
    	height:64px;
    	width:auto;
    }
    section.project_top_title .contents .title .subtitle article p {
        text-align: left;
        margin: 30px 0% 10px 0%;
        font-size: 110%;
    }
    section.project_top_title .contents .title .subtitle article {
        margin: -40px auto 20px;
    }
    section.project_top_title .contents .title_wrap {
	    padding: 30px 0 30px;
	}
	section.project_contents .contents_wrap article {
	    padding: 24px 0 48px;
	}
	div.project_point ul li strong {
	    font-size: 150%;
	}
	div.project_point ul li span {
        font-size: 90%;
    }
	div.contents_project_tube {
	    padding: 24px 0 36px;
	}
	div.contents_project_tube article h2 {
	    font-size: 110%;
    	line-height: 160%;
	}
	.tube iframe {
        height: 320px;
    }
    div.project_event ul.event_detail {
	    margin-bottom: 36px;
	}
    div.project_next {
	    margin: 36px auto;
	}
	section.junior2024_top_title .contents .title .subtitle dl, section.junior2025_top_title .contents .title .subtitle dl {
	    height: 280px;
	}	
	section.junior2024_top_title .contents .title .subtitle dl dt, section.junior2025_top_title .contents .title .subtitle dl dt{
	    position: absolute;
    	top: auto;
    	bottom: 24px;
    	right: -12px;
    	z-index: 3;
    	text-align: right;
	}
	section.junior2024_top_title .contents .title_wrap, section.junior2025_top_title .contents .title_wrap {
	    padding: 30px 0 36px;
	}
	section.junior2024_top_title .contents .title .subtitle article, section.junior2025_top_title .contents .title .subtitle article {
    	margin: -20px auto 8px;
	}
	section.junior2024_top_title .contents .title .subtitle, section.junior2025_top_title .contents .title .subtitle {
	    margin-top: 12px;
	}
	section.junior2024_top_title .contents .title .subtitle article h2, section.junior2025_top_title .contents .title .subtitle article h2 {
        margin: 12px 0% 10px 0%;
    }
    section.junior2024_top_title .contents .title .subtitle article p, section.junior2025_top_title .contents .title .subtitle article p {
        margin: 24px 0% 10px 0%;
        font-size: 110%;
    }
    section.junior2024_contents .contents_wrap article.player_wrap, section.junior2025_contents .contents_wrap article.player_wrap {
    	padding: 30px 0 0 0;
	}
	ul.player_list li .player_img, ul.manager_list li .manager_img {
	    padding-right: 16px;
	}
	ul.player_list li .player_profile dt, ul.manager_list li .manager_profile dt{
	    margin-bottom: 14px;
	}
	ul.player_list li .player_profile dd, ul.manager_list li .manager_profile dd {
	    margin-bottom: 16px;
	}
	section.junior2024_contents .contents_wrap article.manager_wrap {
    	padding: 16px 0 0 0;
	}
	section.junior2024_contents .contents_wrap article.team_wrap, section.junior2025_contents .contents_wrap article.team_wrap{
	    padding: 24px 0 0 0;
	}
	section.junior2024_contents .contents_wrap article.activity_wrap, section.junior2025_contents .contents_wrap article.activity_wrap {
    	padding: 24px 0 36px 0;
	}
	section .contents_wrap article h1.ttl_large {
	    font-size: 240%;
	    padding: 30px 0 0;
	}
	section .contents_wrap article h3 {
	    font-size: 130%;
	}
	section.junior2024_contents .contents_wrap article.activity_wrap p, section.junior2025_contents .contents_wrap article.activity_wrap p {
	    font-size: 110%;
    	line-height: 160%;
	}
	table.result {
	    font-size: 100%;
	}
	table.schedule {
	    font-size: 100%;
	}
	.sns_wrap .sns_slide_all .slide{
	    font-size: 100%;
	}
	.sns_wrap .sns_slide_all .slide a{
    	font-size: 100%;
	}
	section.junior2024_contents .contents_wrap article.feedback_wrap, section.junior2025_contents .contents_wrap article.feedback_wrap{
    	padding: 36px 0 48px 0;
	}
	section.junior2024_contents .contents_wrap article.feedback_wrap #feedback_detail dd h3, section.junior2025_contents .contents_wrap article.feedback_wrap #feedback_detail dd h3 {
	    line-height: 160%;
	}
	section.junior2024_contents .contents_wrap article.feedback_wrap #feedback_detail dd p, section.junior2025_contents .contents_wrap article.feedback_wrap #feedback_detail dd p {
	    font-size: 100%;
	}
	section.junior2024_contents .contents_wrap article.feedback_wrap p, section.junior2025_contents .contents_wrap article.feedback_wrap p {
	    font-size: 100%;
	}



	section.title_lead p {
	    font-size: 90%;
	}
	section.detail article {
    	padding: 10px 0% 40px;
	}
	section.detail h1{
		margin-bottom: 48px;
	}
	section.detail h1 img{
		width:180px;
		height:auto;
	}
	section.players .player_btn ul li a {
    	transform: scale(0.8);
	}
	
}
@media screen and (max-width: 360px){
	footer .footer_link .footer_link_left {
	    width: 64px;
	}
	footer .footer_link .footer_link_left img{
	    width: 100%;
	    height:auto;
	}
}