@charset "UTF-8";

.cf:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	overflow: hidden;
	zoom:1;
	content:".";
}
.cf{
	min-height: 1px; /*IE6、7対策*/
}
* html .cf{
	height: 1px;
}
ul{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
}
#wrapper main{
	min-height: 1500px;
}

/*------------------index-------------------*/
#wrapper ul#staff_list{
	margin-top:30px;
}
#wrapper ul#staff_list li{
	float:left;
	text-align: center;
	margin:30px 0px 70px;
	position: relative;
	list-style:none;
}
#wrapper ul#staff_list li a{
	color:#444444;
}
#wrapper ul#staff_list li .name{
	padding-top:10px;
	font-size:1.6rem;
	font-weight:bold;
	line-height:2;
}

/*---ふきだし---*/
#wrapper ul#staff_list li div.tooltip{
	position: absolute;
	z-index: 9999;
	border-radius: 0.5em;
	display: none;
	bottom:330px;
	left:0px;
}
.single #wrapper ul#staff_list li div.tooltip{
	bottom:370px;
}
@media screen and (max-width : 768px) {
	#wrapper ul#staff_list li:hover div.tooltip{
		/*bottom:90%;
		left:-10%;*/
		display:none;
	}
}
#wrapper ul#staff_list li div.tooltip:after{
  content: "";
  display: block;
  position: absolute;
}
#wrapper ul#staff_list li:hover div.tooltip{
	display: block;
}
#wrapper ul#staff_list li p.tooltip_text{
	background-color: #f05300;
	padding:7px;
	color:#fff;
	width: 151px;
	line-height: 1.6;
}
#wrapper ul#staff_list li .tooltip_img{
	vertical-align: top;
	max-width: 165px;
	height: auto;
}

#wrapper ul#staff_list .mix{
	opacity: 0;
	display: none;
}

/*------------------single-staff_list-------------------*/
#wrapper div#human{
	position: relative;
}
#wrapper div#human .singleImg{
	width:100%;
}
#wrapper article#profile{
	color:#f05300;
	float:right;
	position: relative;
}
#wrapper article#profile ul{
	color:#444444;
	padding:0;
}
#wrapper article#profile ul li{
	list-style:none;
	border-top:1px solid #cccccc;
	padding:2rem 0;
}
#wrapper article#profile ul li:first-child{
	border-top:none;
}
#wrapper article#profile #name{
	position: relative;
	height: 40px;
}
#wrapper article#profile h1{
	font-size:3rem;
	line-height: 1.3;
	float:left;
	margin:0 1rem 0 0;
}

#wrapper article#profile span.kana{
	font-size:1.5rem;
	position: absolute;
	bottom:2px;
	line-height: 1.3;
}
#wrapper article#profile ul#btn li{
	list-style: none;
}
#wrapper article#profile ul#btn li.btn_store{
	float:left;
}
#wrapper article#profile ul#btn li.btn_store a{
	margin-right:1rem;
}
#wrapper article#profile ul#btn li.btn_blog{
	float:left;
}
#wrapper article#profile ul#btn li a{
	background:#f05300;
	color:#ffffff;
	padding:2rem;
}
#wrapper article#profile ul#btn li a:hover{
	background:#f07800;
}
#wrapper section#kanren{
	width:660px;
	clear: both;
}
#wrapper section#kanren .kanren_ttl{
	font-size:116%;
	font-weight: bold;
	color:#f05300;
	padding:55px 0px 20px;
}
/*------------------sidebar-------------------*/
#wrapper ul#nav{
	width:238px;
}
#wrapper ul#nav li{
	color:#f05300;
	margin-bottom:30px;
}
#wrapper ul#nav li:last-child{
	margin-bottom:0px;
}
#wrapper ul#nav li h3{
	padding:10px;
	background-color: #fff;
	border-left:1px solid #f05300;
	border-top:1px solid #f05300;
	border-right:1px solid #f05300;
}
#wrapper ul#nav li h3#all_staff{
	padding:10px;
	background-color: #fff;
	border:1px solid #f05300;
	margin-bottom:10px;
}
#wrapper ul#nav li h3 a{
	color:#f05300;
}
#wrapper ul#term_nav{
}
#wrapper ul#term_nav li{
	padding-left:0px;
	border:none;
	margin-bottom:1px;
	color:#333333;
	background:#ffffff;
	padding:1.5rem 2rem;
	vertical-align: bottom;
	font-size:1.4rem;
	}
#wrapper .submenu li a{
	padding:0;
}
#wrapper ul#term_nav li:last-child{
	margin-bottom:0px;
}
#wrapper div.have span{
	display: block;
	float:left;
	width:55px;
}
#wrapper div.have span a{
	color:#fff;
}
#wrapper div.have span.arw{
	background: url(/files/img/staff_list/arrow.png) no-repeat 43px 3px;
}

.submenu strong{
	display:block;
	margin-top:10px;
	overflow:hidden;
	cursor:pointer;
}
.submenu li{
	cursor:pointer;
}
.submenu li{
	position:relative;
}
.submenu li::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 1.5em;
	width: 0.7rem;
	height: 0.7rem;
	margin-top: -0.4rem;
	border-top: 0.1rem solid #ccc;
	border-right: 0.1rem solid #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.submenu strong:first-child{
	margin-top:0px;
}
.staff_detail .inner{
	overflow:hidden;
}
.submenu strong span{
	padding:2rem;
	background:#ffffff;
	text-align:center;
	display:block;
}
#wrapper ul#term_nav li:hover,
.submenu strong:hover span{
	background:#f6f6f6;
}
#wrapper article#profile ul#btn li{
	border-top:none !important;
}
.leftMenu section{
	margin-top:2rem;
}
.toppage_position{
	color:#999999;
	font-size:1.1rem;
	line-height:1.5;
}
.toppage_position a{
	display:inline;
	color:#999999 !important;
}
.staff_position a{
	display:inline;
	color:#444444 !important;
}
.staff_position br,
.toppage_position br{
	display:none;
}


/* sp */
@media screen and (min-width : 320px) {
	#wrapper div#human{
	width: 60%;
	margin:0 auto 4rem auto;
	}
	#wrapper ul#staff_list li{
		width:33%;
		height:250px;
	}
	#wrapper ul#staff_list li a img{
		width:100%;
	}
	.home article section .inner{
		padding:1rem;
	}
	.tooltip{
		display:none;
	}
	.toppage_position{
		width:90%;
		padding:0 5%;
	}
}


/* pc */
@media screen and (min-width : 769px) {
	.home article section .inner{
		padding:3rem;
	}
	#wrapper ul#staff_list li a img{
		width:auto;
	}
	#wrapper div#human{
		width: 40%;
		float: left;
		position: relative;
	}
	#wrapper article#profile{
		width:50%;
		float:right;
		position: relative;
	}
	#wrapper ul#staff_list li{
		width:160px;
		height:350px;
	}
	#kanren ul#staff_list li{
		height:400px;
	}
	.toppage_position{
		width:130px;
		padding:0 15px;
	}
}