@charset "UTF-8";

/* /2024/profile_sp.css */

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

#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_player #box_gene ul,
#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: auto;
}

#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: 0.2em;
}

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


/* 年代順 */

body.list_join,
body.list_gene {
	#box_player {
		margin-top: 0;
	}

	#box_player section {
		padding-left: 4vw;
	}

	#box_player #box_gene {
		margin: 0 auto;
	}

	#box_player #box_gene ul {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	#box_gene dd>ul>li {
		width: 44vw;
		min-height: 80px;
		margin-right: 4vw;
		margin-bottom: 4vw;
	}

	#box_gene figure {
		width: 100%;
		height: auto;
	}

	#box_gene dt {
		margin-top: 0;
	}

	#box_player ul.sns_icons {
		margin-top: 1vw;
	}

	#box_player section p.prof_caution {
		margin-top: -2em;
		margin-bottom: 2em;
	}
}

#box_area {
	margin-top: 8vw;
}


/*  */

h1 .dot {
	font-size: 1em !important;
}


/*  */