@charset "UTF-8";

main#contents {
	width: 92vw;
}

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

div#box_nav nav.snav {
	height: auto;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

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: 6.5vw;
	text-align: center;
	clear: both;
}

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

#box_menu {
	background-color: #fff;
	height: auto;
	width: 100%;
	margin-top: 0;
}


#box_menu ul.link_position {
	float: none;
	margin: 0;
	padding: 0;
	height: auto;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	line-height: 1;
	width: 100%;
	box-sizing: border-box;
}

#box_menu{
	/**/
	ul.link_position li{
	font-size: 11vw;
	box-sizing: border-box;
	width: 23%;
	margin: 0;
	text-align: center;
	display: block;
	}
}

#box_menu ul.link_position>li>a {
	padding: 0;
	display: block;
	margin: 0;
	padding: 0.3em 0 0.05em 0;
}


#box_menu ul.link_position>li.staff,
#box_menu ul.link_position>li.rental{
	font-size: 6vw;
	border-top: 1px solid #ddd;
	margin: 0;
	/*nest-start*/
	& a{
padding: 0.5em 0 0.3em 0;
	}
/*nest-end*/
	
}

#box_menu ul.link_position>li.staff {
	width: 60%;
	border-left: none;
	border-right: none;
}

#box_menu ul.link_position>li.rental{
	width: 40%;
	border-left: none;
}

/**/
#box_staff section,
#box_player section {
	margin-top: 5vw;
	clear: both;
	width: 100%;
	overflow: hidden;
}

#box_player #box_gene ul,
#box_staff [id^="box_"]>ul,
#box_player section ul {
	display: flex;
	flex-wrap: wrap;
	gap:5vw 4vw;
}

#box_staff ul.sns_icons,
#box_player ul.sns_icons {
	margin-top: 0.2em;
}

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


/**/
#box_staff section div[id^='box_'] ul>li,
#box_player section>ul>li{
	width: calc((100% - 4vw) / 2);
	margin: 0;
	margin-right: 0;
	margin-bottom: 0;
	min-height: 198px;
	background-color: #eee;
	padding-bottom: 3vw;
}


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

#box_staff [id^="box_"] figure,
section>ul>li figure,
figure img {
	width: 100%;
}

#box_staff [id^="box_"] figure,
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_staff p.rbt_m,
#box_player p.rbt_m {
	vertical-align: top;
	font-size: 2.5vw;
	padding-top: 0;
}


#img_supporter {
	width: 100%;
}

#img_supporter img {
	width: 100%;
}

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

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




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

/* 2026 */

section#staff .inner_header {
	margin-top: 6vw;
}

section#staff .inner_header h2 {
	font-size: 12vw;
}

section#staff .inner_header h2+p {
	margin-left: 0;
	padding-top: 0em;
}

#box_staff li h3,
#box_player li h3 {
	font-size: 3.75vw;
	/* 12px */
	font-feature-settings: "palt" 1;
	/* letter-spacing: 0.06em; */
}

#box_staff figure span.position,
#box_staff figure span.at {
	font-size: 3.2vw;
}

#box_staff .staff_09 figure span.position,
#box_staff .staff_08 figure span.position {
	font-size: 3.2vw;
}

/*  */

#box_staff [id^="box_"] {
	margin-top: 2vw;
}

#box_staff h3 {
	font-size: 4.375vw;
}

#box_staff h3.sttl {
	font-size: 4.375vw;
	/* 14px */
	margin-top: 0 !important;
}


section#rental {
	width: 100%;
	margin-top: 5vw;
	/*nest-start*/
	.inner_header{
	flex-wrap: wrap;
	}
	
	.inner_header>h2 {
		font-size: 12vw;
		line-height: 1.25;
	}
	
	.inner_header>p {
		font-size: 4.375vw;
		margin-left: 0;
		padding-top: 0.1em;
	}
	
	.inner_header>p.typo {
		position: relative;
		top: -.5em;
	}
	
	& ul {
		padding: 0;
		flex-wrap: wrap;
		gap: 3vw 3vw;
	}
	
	& ul>li {
		width: calc((100% - 4vw) / 2)!important;
	}
	
	& ul>li p.photo {
		width: 100%;
		position: relative;
	}
	
	& ul>li h3 {
		font-size: 4.375vw;
		font-weight: bold;
		font-weight: 600;
	}
	
	& ul>li h3>br {
		display: none;
	}
	
	
/*nest-end*/
}

ul.sns_icon {
	padding-bottom: 1vw;
}


#box_main_img>p img[src*='_p01.jpg'] {
	height: initial;
}