/* @override 
	http://61.206.114.199:8000/profile/2017/css/profile_sp.css
	http://61.206.114.199:8001/profile/2018/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;
	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 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 4% 0 4%;
}

#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_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 p.img_bustup span{
	font-size: 4vw;
}

p.img_bustup,
p.img_bustup img{
	width: 100%;
}

p.img_bustup{
	height: auto;
}

#box_staff p.img_bustup span,
#box_player p.img_bustup 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 div.inner p.rbt_m,
#box_player div.inner 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 h2 span{
	font-size: 0.7em;
}

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

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

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

section#rental ul {
	width: 100%;
	padding: 0 10px;
	display: flex;
	display:-webkit-flex;
	margin-top: 15px;
}

#box_staff #rental li{
	width: auto;
	padding: 0;
	-webkit-flex-grow:1;
		flex-grow:1;	
}

#rental li p.photo{
	float: none;
	width: 90%;
	display: inline-flex;
	margin: 0 auto 10px;
	text-align: center;
}

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

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

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

#box_staff p.img_bustup 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;
	
}


#rental li p.photo {
	height: ;
}

#rental li p.photo img {
	height: 160px !important;
}


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