/* @override 
	https://www.frontale.co.jp/profile/2020/css/profile_sp.css
	https://www.frontale.co.jp/profile/2020/css/profile_sp.css?* */

@charset "UTF-8";

/* base */



div#box_nav{
	width: 100%;
	margin-top: 0;
}

div#box_nav nav.snav{
	/*width: auto;*/
	/*width: 100%;*/
	/*overflow: auto;*/
	float: none;
	height: auto;
	padding: 0.1em 0 0.1em 0;
	
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 20px;
}

nav.snav:after{
	display: none;
}

div#box_nav nav.snav > ul{
	display: block;
	/*width: auto;*/
	height: auto;
	padding: 0 3%;
	
	display: flex;
	display:-webkit-flex;
}
nav.snav > ul li {
	/*font-size: 4vw;*/
	font-size: 3.75vw;
	/* 12px */
	float: none;
	height: auto;
	margin-right: 0;
	line-height: 1;
	
	white-space: nowrap;
	-webkit-flex-grow:1;
	flex-grow:1;
	flex-shrink: 0;
	
}

nav.snav > ul li:first-child {
	margin-left: 1em;
}

nav.snav > ul li a {
	color: #222222;
	border: none;
	padding: 10px;
	display: block;
}

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 {
	padding: 10px;
	background-color: transparent;
	color: #23b7fe;
	border-radius: 3px;
	width: auto;
	font-weight: bold;
}


#box_nav h3 {
	float: none;
	font-size: 6vw;
	text-align: center;
clear: both;
}


main#contents{
	width: 100%;
}

main#contents li.btn_list,
main#contents ul.list_prof{
	display: none;
}

#box_menu {
	background-color: #fff;
	margin-top: 0px;
	height: auto;
	width: 100%;
	margin: 0 0;
	border-radius: 0;
	border-right: 0;
	border-left: 0;
}

#box_menu li{
	font-size: 10vw;
	display: inline-block;
}

#box_menu li a{
	padding: 10% 15% 10% 15%;
}



#box_menu li:nth-of-type(5) a,
#box_menu li:nth-of-type(6) a{
	font-size: 5vw;
	padding: 0;
	margin-top: 5%;
}


#box_menu ul.link_position{
	float: none;
	margin: 0;
	height: auto;
	padding: 3% 2% 3% 2%;
	text-align: center;
}

#box_menu ul.link_position a{
	margin: 0;
}

#box_menu ul.link_position li{
margin: 0;
}

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


#box_menu ul.link_position li.staff {
	border-left: none;
	border-right: none;
	margin-right: 0;
	margin-top: 0;
	display: inline-block;
}

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


#box_menu li:nth-of-type(5) {
	display: block;
}

#box_staff section,
#box_player section {
	margin-top: 20px;
	clear: both;
	width: 100%;
	overflow: hidden;
	padding: 0 0 0 4vw;
}

#box_staff section ul,
#box_player section ul {
	clear: both;
	width: 100%;
	text-align: left;
	font-size: 0;
	clear: both;
	/*margin-top: -12px;*/
	padding-bottom: 7%;
}

#box_staff ul.sns_icons,
#box_player ul.sns_icons {
	margin-top: 12px;
}

.sns_icons img {
	width: 20px;
	height: 20px;
}

#box_menu ul.link_position li.staff,
#box_menu  ul.link_position li.rental{
	margin-top: 0.3em;
}

#box_menu ul.link_position li.staff{
	margin-right: 1em;
}




#box_staff section>li,
#box_player section>li {
	float: none;
	display: inline-block;
	margin-right: 0;
	margin-bottom: 20px;
	min-height: 178px;
	vertical-align: top;
}

#box_staff section>li:nth-of-type(odd),
#box_player section>li:nth-of-type(odd){
	margin-right: 3%;
}

#box_staff section>li,
#box_player section>li{
	width: 44vw;
}

#box_staff section figure span{
	font-size: 4vw;
}

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

section>ul>li figure{
	height: auto;
}

#box_staff figure span,
#box_player figure span{
	font-size: 12vw;
	top: 8%;
}

#box_staff li h4,
#box_player li h4{
	font-size: 4.6vw;
	margin-bottom: 0.2em;
	font-feature-settings: "palt";
}

section#df ul li.mem_26 a h4 {
	font-size: 4.4vw;
	letter-spacing: -0.12em
}

#box_staff section,
#box_player section{
	margin-top: 0;
}

#box_staff h2,
#box_player h2 {
	font-size: 7.2rem;
	line-height: 1.2;
	top: -0.1em;
	padding-right: 0.2em;
}

#box_player .inner_header p{
	padding-top: 0.5em;
}



#box_staff p.rbt_m,
#box_player p.rbt_m{
	vertical-align: top;
	font-size: 2.5vw;
	margin-bottom: 0.6em !important;
}

#img_supporter{
	width: 100%;
}

#img_supporter img{
	width: 100%;
}

#box_staff h2{
	font-size: 7vw;
}

#box_staff #cat_second h2 {
	font-size: 6.25vw;
	/* 20px */
}


#box_staff h2 span{
	font-size: 0.7em;
}

section#cat_second,
section#rental{
	width: 96%;
	margin: 0 auto;
	padding: 0;
}

#box_staff #cat_second p.typo,
#box_staff #rental p.typo {
	font-size: 3vw;
}

section#cat_second .inner_header h2,
section#rental .inner_header h2{
	font-size: 8vw;
	margin-bottom: 0;
}

section#cat_second ul,
section#rental ul {
	width: 100%;
	padding: 0 10px;
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
	justify-content: space-between;
}

#box_staff #cat_second li,
#box_staff #rental li{
	width: auto;
	padding: 0;

}

#cat_second li p.photo,
#rental li p.photo{
	float: none;
	margin: 0 auto 10px;
	text-align: center;
}

section#cat_second ul li p.photo img,
section#rental ul li p.photo img {
	/*width: 90%;*/
	width: 100%;
	height: auto !important;
	
}

#cat_second li h3,
#rental li h3 {
	font-size: 4.4vw;
}

#box_staff figure span{
	max-width: 50%;
}
	
#box_staff figure span.at{
	font-size: 3.3vw;
}

#box_staff figure span.at br{
	display: none;
}


/* 2018-02 */

div#img_supporter {
	
width: 92vw;margin: 0 auto;
height: auto;
}

div#img_supporter p {
		font-size: 5.4vw !important;
	
}

#box_staff .inner_header p {
	padding-top: 0.5em;
}

/* line */

#box_player ul.sns_icons li.line.pc {
	display: none!important;
}

#box_player ul.sns_icons li.line.sp {
	display: inline-block!important;
}

/* @group 選手一覧 年代順 */
	
	#box_staff, #box_player {
		margin-top: 4vw;
		float: none;
		width: auto;
	}
	
	body.list_gene #box_staff section,
	body.list_gene #box_player section,
	body.list_join #box_staff section,
	body.list_join #box_player section {
/*	margin-top: 20px;
	clear: both;
	width: 1024px;
	overflow: hidden;*/
		width: 100%;
		margin-top: 0;
		padding: 0;
	}
	
	#box_gene dt {
		float: none;
		/*font-size: 4rem;*/
		font-size: 12.5vw;
		/* 40px */
		width: 100%;
		margin-top: 4vw;
	}
	
/*	#box_gene dt:first-child {
		margin-top: 0;
	}*/
	
	#box_gene dl dt.empty {
		font-size: 9.375vw;
		/* 30px */
	}
	
	#box_gene dd {
		float: none;
	}
	
	#box_player #box_gene ul {
		width: 98vw;
		margin-left: 2vw;
		margin-top: 2vw;
		padding-bottom: 4vw;
	}
	
	#box_gene dd>ul>li {
		width: 46vw;
		min-height: initial;
		height: auto;
		margin-right: 0;
	}
	
	#box_gene dd>ul>li:nth-child(odd){
		margin-right: 2vw;
	}
	
	figure {
		width: 100%;
		height: auto;
	}
	
	#box_staff figure span, #box_player figure span {
		font-size: 9.375vw;
		/* 30px */
	}
	
	#box_player figure span.bd_date {
		font-size: 4.0625vw;
		/* 13px */
	}
	
	#box_staff li h4, #box_player li h4 {
		font-size: 4.6875vw;
		/* 15px */
	}
	
	#box_staff p.rbt_m,
	#box_player p.rbt_m {
		font-size: 3.4375vw;
		/* 11px */
		
		min-height: 3em;
	}

/* @end */


#list_prof {
	/*display: none;*/
	width: 100%;
	margin-bottom: 0;
}

#list_prof h5 {
	font-size: 3.75vw;
	/* 12px */
}

div#list_prof ul {
	width: 100%;
	column-count: 2;
	column-gap: 18px;
}

#list_prof li {
	margin-bottom: 0;
	font-size: 3.125vw;
	/* 10px */
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
}

#list_prof li a {
	display: block;
	padding: 0.8em 0.4em;
	border-radius: 0;
}








/*  */