@charset "utf-8";
/* CSS Document */
body {
    overflow-x: hidden;
}

#wrapper {
	padding: 30px;
	position: relative;
}
#wrapper.top-page{background:url("../img/bg_top.jpg") center/cover no-repeat;background-attachment:fixed;}
#wrapper.all-page,
#wrapper.talent-page{background:url("../img/bg_all.jpg") center/cover no-repeat;background-attachment:fixed;}
#wrapper.actor-page{background:#c0b2a4;}
#wrapper.cultured-page{background:url("../img/bg_cultured.jpg") center/cover no-repeat;background-attachment:fixed;}
#wrapper.artist-page{background:#fff;}
#wrapper.influencer-page{background:url("../img/bg_influencer.jpg") center/cover no-repeat;background-attachment:fixed;}

.sptNavi {
	display: none;
}

.spTalentTab {
	display: none;
}

a.external {
	padding-right: 20px;
	background: url(/img/ico_external.png) no-repeat bottom right;
	background-size: 13px auto
}
.red {
	color: #FF393C;
}


/********** header ************/

header{
    height: 65px;
    width: 100%;
    background-color: #76a6d9;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    text-align: center;
}
header .menu-btn{
    color: /*#fff*/#7c564d;
    position: absolute;
    left: 20px;
    top: 20px;
    cursor: pointer;
}


/********************/
.menu-bar,
.menu-bar span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-bar {
    position: relative;
    width: 30px;
    height: 25px;
}
.menu-bar span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: /*#fff*/#7c564d;
  border-radius: 4px;
}
.menu-bar span:nth-of-type(1) {
  top: 0;
}
.menu-bar span:nth-of-type(2) {
  top: 12px;
}
.menu-bar span:nth-of-type(3) {
  bottom: 0;
}


.menu-btn.active .menu-bar span:nth-of-type(1) {
  top: -9px;
}
.menu-btn.active .menu-bar span:nth-of-type(3) {
  bottom: -8px;
}

.menu-bar span:nth-of-type(1) {
  -webkit-animation: menu-bar01 .75s forwards;
  animation: menu-bar01 .75s forwards;
}
@-webkit-keyframes menu-bar01 {
  0% {
    -webkit-transform: translateY(20px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(20px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar01 {
  0% {
    transform: translateY(20px) rotate(45deg);
  }
  50% {
    transform: translateY(20px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
.menu-bar span:nth-of-type(2) {
  transition: all .25s .25s;
  opacity: 1;
}
.menu-bar span:nth-of-type(3) {
  -webkit-animation: menu-bar02 .75s forwards;
  animation: menu-bar02 .75s forwards;
}
@-webkit-keyframes menu-bar02 {
  0% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-20px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
  }
}
@keyframes menu-bar02 {
  0% {
    transform: translateY(-20px) rotate(-45deg);
  }
  50% {
    transform: translateY(-20px) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
.menu-btn.active .menu-bar span:nth-of-type(1) {
  -webkit-animation: active-menu-bar01 .75s forwards;
  animation: active-menu-bar01 .75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(20px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(20px) rotate(45deg);
  }
}
@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(20px) rotate(0);
  }
  100% {
    transform: translateY(20px) rotate(45deg);
  }
}
.menu-btn.active .menu-bar span:nth-of-type(2) {
  opacity: 0;
}
.menu-btn.active .menu-bar span:nth-of-type(3) {
  -webkit-animation: active-menu-bar03 .75s forwards;
  animation: active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-20px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-20px) rotate(-45deg);
  }
}
@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-20px) rotate(0);
  }
  100% {
    transform: translateY(-20px) rotate(-45deg);
  }
}
/********************/

.menu-bar + span{
    padding: 0 8px;
    vertical-align: top;
    line-height: 25px;
}
@media screen and (max-width: 400px) {
    .menu-bar + span{
        display: none;
    }
}

header h1{
    display: inline-block;
}
header h1 a{
    height: 65px;
    padding: 10px;
    display: block;
}
header h1 a img{
    height: 100%;
    width: auto;
}


.menu-list{
  position: fixed;
  top: /*65px*/0;
  left: -270px;
  width: 270px;
  height: 100%;
  background-color: #fff;
  transition: all 0.3s ease;
  z-index: 999;
	/*max-height: calc(100vh - 65px);*/
	max-height:100vh;
	padding-top:65px;
}
.header-nav .nav-wrap {
    
}

.menu-list.active{
    left: 0;
}
.menu-list ul{
  margin: 0 10px;
	height: 100%;
	overflow-y: auto;
  -ms-overflow-style: none;
  /*scrollbar-width: none;*/
  scrollbar-width: thin;
}
.menu-list ul li{
    border-bottom: solid 1px transparent;
}
.menu-list ul li:hover{
    border-bottom: solid 1px rgba(155,200,73,0.85);
}
.menu-list ul li.active{
    border-bottom: solid 1px rgba(155,200,73,0.85);
}
.menu-list ul li a{
    display: block;
    padding: 10px;
}
.menu-list ul li a span{
    display: block;
    font-size: 80%;
    color: #76a6d9;
}

@media screen and (max-width: 768px) {
    .menu-list{
        top: -100%;
        left: 0;
        width: 100%;
        /*height: auto;*/
        transition: all 0.5s ease;
        z-index: 999;
        border-bottom: solid 2px #76a6d9;
    }
    .menu-list.active{
        top: 0;
    }
    .menu-list ul{
				height:0;
        margin: 10px 10px 15px;
    }
		.menu-list.active ul{
				height:auto;
				max-height:calc(100vh - 80px);
		}
    .menu-list ul li a span{
        display: inline-block;
        font-size: 80%;
        color: #76a6d9;
        margin-left: 20px
    }
    .menu-list ul li.active{
        background-color: #76a6d9;
    }
    .menu-list ul li a{
        text-align: center;
    }
    .menu-list ul li.active a{
        color: #fff;
    }
    
    .menu-list ul li.active a span{
        color: #fff;
    }
	
	.menu-list br.pc{display:none;}
}


/*leftNavi*/
.leftNavi {
	position: fixed;
	z-index: 9999;
	width: 230px;
	max-height: 100%;
	overflow: auto;
	background-color: rgba(155,200,73,0.85);
	border-radius: 6px;
	padding: 55px 0 15px;
	margin-right: 25px;
	margin-bottom: 15px;
}
.leftNavi h1 {
	text-align: center;
	margin-bottom: 50px;
}
.leftNavi ul.navi li {
	color: white;
	border-bottom: 1px solid white;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
}
.leftNavi ul.navi li.talentInn,
.leftNavi ul.navi li.voice_sample,
.leftNavi ul.navi li.voice_labo {
	padding: 0;
}
.leftNavi ul.navi li a {
	display: block;
	padding: 20px 0 20px 55px;
	background: url("/img/ico_arrow_white_r.png") no-repeat right 20px center;
	background-size: 15px !important;
}
/*.leftNavi ul.navi li.voice_sample a,
.leftNavi ul.navi li.voice_labo a {
	background-position: 201px center;
}*/
.leftNavi ul.navi li.voice_labo a,
.leftNavi ul.navi li.star7 a{
    padding-left: 20px;
}
.leftNavi ul.navi li a:hover {
	background: url("/img/ico_arrow_green_r.png") no-repeat right 15px center;
}
/*.leftNavi ul.navi li.voice_sample a:hover,
.leftNavi ul.navi li.voice_labo a:hover {
	background-position: 201px center;
}*/

.leftNavi ul.navi li a:link,
.leftNavi ul.navi li a:visited {
	text-decoration: none;
	color: white;
}
.leftNavi ul.navi li a:hover {
	color: #677b90;
}

.leftNavi ul.navi li span {
    padding: 0;
    font-size: 80%;
    display: block;
}

.leftNavi ul.navi li.news {
	background: url("/img/ico_news_white.png") no-repeat 20px center;
	background-size: 22px 22px;
}
.leftNavi ul.navi li.talent {
	background: url("/img/ico_talent_white.png") no-repeat 20px center;
	background-size: 22px 22px;
}
.leftNavi ul.navi li.voice_actor {
	background: url("/img/ico_voice_actor_white.png") no-repeat 20px center;
	background-size: 22px 22px;
}
.leftNavi ul.navi li.animation {
	background: url("/img/ico_animation_white.png") no-repeat 20px center;
	background-size: 22px 22px;
}
.leftNavi ul.navi li.company {
	background: url("/img/ico_company_white.png") no-repeat 20px center;
	background-size: 22px 22px;
}
.leftNavi ul.navi li.contact {
	background: url("/img/ico_contact_white.png") no-repeat 20px center;
	background-size: 22px 22px;
}
.leftNavi ul.navi li.news:hover {
	background: url("/img/ico_news_green.png") no-repeat 20px center;
	background-size: 22px 22px;
}
.leftNavi ul.navi li.talent:hover {
	background: url("/img/ico_talent_green.png") no-repeat 20px center;
	background-size: 22px 22px;
}
.leftNavi ul.navi li.company:hover {
	background: url("/img/ico_company_green.png") no-repeat 20px center;
	background-size: 22px 22px;
}
.leftNavi ul.navi li.contact:hover {
	background: url("/img/ico_contact_green.png") no-repeat 20px center;
	background-size: 22px 22px;
}

.leftNavi .talentInn {
	display: none;
	border-bottom: none !important;
}
.talent-page .leftNavi .talentInn {
	display: block;
}
.leftNavi .talentInn ul {
	background-color: #8eb227;
}
.leftNavi .talentInn ul li {
	width: 50%;
	float: left;
	text-align: center;
	padding: 0;
	font-size: 13px;
	height: 50px;
	line-height: 50px;
}
.leftNavi .talentInn ul li.line2 {
	line-height: 1.2;
	padding-top: 12px;
}
.leftNavi .talentInn ul li a {
	padding: 0;
	background-image: none;
}
.leftNavi .talentInn ul li a:hover {
	background-image: none;
}
.leftNavi .talentInn ul li:nth-child(odd) {
	border-right: 1px solid white;
}
.news-page .leftNavi ul.navi li.news {
	background: url("/img/ico_news_green.png") no-repeat 20px center;
	background-size: 22px 22px;
}
.news-page .leftNavi ul.navi li.news a {
	background: url("/img/ico_arrow_green_r.png") no-repeat right 20px center;
	color: #677b90;
	font-weight: bold;
}
.talent-page .leftNavi ul.navi li.talent {
	background: url("/img/ico_talent_green.png") no-repeat 20px center;
	background-size: 22px 22px;
}
.talent-page .leftNavi ul.navi li.talent a {
	background: url("/img/ico_arrow_green_r.png") no-repeat right 20px center;
	color: #677b90;
	font-weight: bold;
}
.company-page .leftNavi ul.navi li.company {
	background: url("/img/ico_company_green.png") no-repeat 20px center;
	background-size: 22px 22px;
}
.company-page .leftNavi ul.navi li.company a {
	background: url("/img/ico_arrow_green_r.png") no-repeat right 20px center;
	color: #677b90;
	font-weight: bold;
}
.contact-page .leftNavi ul.navi li.contact {
	background: url("/img/ico_contact_green.png") no-repeat 20px center;
	background-size: 22px 22px;
}
.contact-page .leftNavi ul.navi li.contact a {
	background: url("/img/ico_arrow_green_r.png") no-repeat right 20px center;
	color: #677b90;
	font-weight: bold;
}
.privacy-page .leftNavi ul.navi li.privacy a {
	background: url("/img/ico_arrow_green_r.png") no-repeat right 20px center;
	color: #677b90;
	font-weight: bold;
}

.voice-actor-page .leftNavi ul.navi li.voice_actor {
	background: url("/img/ico_voice_actor_green.png") no-repeat 20px center;
	background-size: 22px 22px;
}
.voice-actor-page .leftNavi ul.navi li.voice_actor a {
	background: url("/img/ico_arrow_green_r.png") no-repeat right 20px center;
	color: #677b90;
	font-weight: bold;
}
.animation-page .leftNavi ul.navi li.animation {
	background: url("/img/ico_animation_green.png") no-repeat 20px center;
	background-size: 22px 22px;
}
.animation-page .leftNavi ul.navi li.animation a {
	background: url("/img/ico_arrow_green_r.png") no-repeat right 20px center;
	color: #677b90;
	font-weight: bold;
}

.slide{
    width: 99%;
    margin: auto;
}

/*contentsArea*/
.contentsArea {
	/*margin-left: 255px;*/
	margin-bottom: 100px;
    margin-top: 65px;
}


/*contentsBox*/

/*h2*/
h2 {
	font-size: 30px;
	font-weight: normal;
	color: #677b90;
	background: #fff;
	padding: 13px 0 13px 32px;
	margin-bottom: 30px;
}
.news-page h2,
.talent-page h2 {
	display: none;
}
.news-page.news-index h2,
.talent-page.talent-index h2 {
	/*display: block;*/
	display: none;
}
.talent-page.talent-index h2,
.voice_actor-page h2 {
	margin-bottom: 20px;
}


.listBackBtn a {
	display: inline-block;
	border-radius: 5px;
	background: url(/img/ico_arrow_green_l.png) no-repeat 15px center #fff;
	background-size: 12px auto;
	width: auto;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #677b90;
	font-size: 14px;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
	text-decoration: none;
	margin-bottom: 30px;
	margin-left: 4px;
	padding-left: 40px;
	padding-right: 20px;
}
.listBackBtn a:hover {
	background-color: #a9d064;
	color: #fff;
	background-image: url(/img/ico_arrow_white_l.png);
}


/*newsArea*/
#newsArea {
	overflow: hidden;
	/*max-width: 1510px;*/
}
/*@media screen and (max-width: 1820px) and (min-width: 1522px) {
#newsArea {
	min-width: 1510px;
}
}*/
#sort {
	margin-bottom: 20px;
	overflow: hidden;
}
#sort:after {
  display : table;
  clear : both;
  content : '';
}
#sort ul {
	padding-left: -0.2%;
}
#sort li {
	margin-left: 0.2%;
	width: 14.08%;
	height: 50px;
	line-height: 50px;
}
#sort li.line2 {
	line-height: 1.2;
	padding: 10px 0;
}
#sort li {
	border-radius: 5px;
	display: inline-block;
	background-color: #fff;
	float: left;
	text-align: center;
	cursor: pointer;
	color: #677b90;
	font-size: 14px;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
}
#sort li:hover {
	background-color: #a9d064;
	color: #677b90;
}
#sort li.active {
	background: #a9d064;
	color: #677b90;
	font-weight: bold;
	cursor: default;
}
#itemList {
	margin-bottom: 40px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    flex-wrap: wrap;
}

#itemList .item {
    color: #333;
	background-color: #fff;
    border: solid 1px #eee;
    position: relative;
}

#newsArea .newsContentsArea .bottomArea .snsBtn{
    float: left;
}

@media screen and (min-width:1111px) {
    #itemList .item{
        width: 24.25%;
        margin: 1%;
        margin-bottom: 0;
        margin-left: 0;
    }
    #itemList .item:nth-child(4n){
        margin-right: 0;
    }
}
@media screen and (min-width:768px) and (max-width: 1110px) {
    #itemList .item{
        width: 32%;
        margin: 1%;
        margin-right: 2%;
        margin-left: 0;
    }
    #itemList .item:nth-child(3n){
        margin-right: 0;
    }
}
@media screen and (min-width:600px) and (max-width: 767px) {
    #itemList {
        margin: 6% auto;
    }
    #itemList .item {
        width: 49.5%;
        margin: 1%;
        margin-bottom: 0;
        margin-left: 0;
    }
    #itemList .item:nth-child(even) {
        margin-right: 0;
    }
}
@media screen and (max-width:599px){
    #itemList {
        margin: 6% auto;
    }
    #itemList .item {
        width: 100%;
        margin: 0;
        margin-bottom: 1%;
    }
}
/*
@media screen and (max-width: 1650px) {
#itemList .item {
	width: 23.8%;
	margin: 1.3% 1.3% 0 0;
}
}
@media screen and (max-width: 1110px) {
#itemList .item {
	width: 32%;
	margin: 1.3% 1.3% 0 0;
}
}
@media screen and (max-width: 768px) {
#itemList .item {
	width: 48%;
	margin: 1.3% 1.3% 0 0;
}
}

#itemList .item {
	position:relative;
	/*width: 286px;
	width: 99.5%;
	/*height: 318px;
	color: #333;
	background-color: #fff;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
}
*/
#itemList .item a {
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
	z-index: 100;
}
#itemList .item .newsThum {
	/*background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 95.5%, rgba(255,255,255,1) 95.5%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, rgba(240,240,255,1) 0%,rgba(240,240,240,1) 95.5%,rgba(255,255,255,1) 95.5%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 95.5%,rgba(255,255,255,1) 95.5%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 100%;
    height: 100%;
    padding: 15px;
}
#itemList .item .newsThum img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 219px;
	margin: 0 auto;
}
#itemList .item .news_wrap {
	padding: 15px;
}
#itemList .item.new .news_wrap {
	padding-top: 40px;
}
#itemList .item .newsTtl {
    font-size: 16px;
	padding-bottom: 15px;
    color: #a9d064;
    font-weight: bold;
}
#itemList .item .newsDate{
    padding-bottom: 10px;
    color: #666;
}
#itemList .item .newsName {
	/*position: absolute;
	bottom: 0;
	right: 0;*/
	color: #fff;
	font-size: 10px;
	padding: 4px 8px;
  display: inline-block;
  margin: 2px;
  background-color: #999;
}
@media screen and (max-width: 768px){
    #itemList .item .news_wrap{
        padding-right: 15px;
    }
    #itemList .item .newsThum{
        width: 100%;
        float: none;
        height: 200px;
    }
    #itemList .item .newsThum img{
        max-height: 100%;
    }
}
/*#itemList .item .newsName.actor-talent-model{
	background-color: #fe7874;
}
#itemList .item .newsName.item.voice-actor{
	background-color: #ffb319;
}
#itemList .item .newsName.item.creator{
	background-color: #7cccbe;
}
#itemList .item .newsName.item.animation{
	background-color: #51abd8;
}
#itemList .item .newsName.item.alliance{
	background-color: #aaa4e1;
}
#itemList .item .newsName.item.others{
	background-color: #ff9ad4;
}
*/
#itemList .item .newsName.actor,
#itemList .item .newsName.artist {
	background: #f16062;
}
#itemList .item .newsName.actor-talent-model {
	background: #f16062;
}
#itemList .item .newsName.voice-actor {
	background: #eda32e;
}
#itemList .item .newsName.creator {
	background: #6fc1a7;
}
#itemList .item .newsName.animation {
	/*background: #66abdc;*/
	background: #5ca5d8;
}
#itemList .item .newsName.alliance {
	background: #948ed9;
}
#itemList .item .newsName.cultured {
	background: #ff8955;
}
#itemList .item .newsName.others{
	background: #ef81c7;
}
#itemList .item .newsName.uncategorized{
	background: #999;
}

#itemList .item .newsName.activity{
    background-color: #76a6d9;
}
/*#itemList .item .newsThum:after {
	display: block;
	position: relative;
	color: #fff;
	font-size: 13px;
	padding: 0 0 2px 5px;
	z-index: 50;
	left: -3px;
	margin-top: -10px;
	margin-bottom: -7px;
}
#itemList .item.actor-talent-model .newsThum:after {
	content: "ACTOR / TALENT / MODEL";
	width: 185px;
	background: url(/img/ribon_red.png) no-repeat left bottom ;
	background-size: 100%;
}
#itemList .item.voice-actor .newsThum:after {
	content: "VOICE ACTOR";
	width: 100px;
	background: url(/img/ribon_orange.png) no-repeat left bottom ;
	background-size: 100%;
}
#itemList .item.creator .newsThum:after {
	content: "CREATOR";
	width: 75px;
	background: url(/img/ribon_green.png) no-repeat left bottom ;
	background-size: 100%;
}
#itemList .item.animation .newsThum:after {
	content: "ANIMATION";
	width: 88px;
	background: url(/img/ribon_blue.png) no-repeat left bottom ;
	background-size: 100%;
}
#itemList .item.alliance .newsThum:after {
	content: "ALLIANCE";
	width: 80px;
	background: url(/img/ribon_purple.png) no-repeat left bottom ;
	background-size: 100%;
}
#itemList .item.others .newsThum:after {
	content: "INTELLECTUAL";
	width: 110px;
	background: url(/img/ribon_pink.png) no-repeat left bottom ;
	background-size: 100%;
}
*/
#itemList .item.pickup:after {
	content: "PICKUP";
	position: absolute;
	color: #f16062;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 5px;
	top: 5px;
	right: 5px;
	border: 1px solid #f16062;
	z-index: 100;
}
#itemList .item.new:after {
	content: "NEW";
	position: absolute;
	color: #f16062;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 5px;
	top: 10px;
	left: 10px;
	border: 1px solid #f16062;
    background: #fff;
}
#itemList .item:hover .newsThum img {
	opacity: 0.8;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;

}
#itemList .item:hover .newsTtl {
	color: #aaa;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
}
#newsArea .newsDetail {
	margin-bottom: 40px;
}

#newsArea .newsDetail .newsTtlArea {
	position: relative;
	background: #fff;
	padding: 60px 40px 40px;
	margin-left: 4px;
	margin-bottom: 30px;
}

#newsArea .newsDetail .cat_box + .newsTtlArea{
    padding-top: 0;
}
#newsArea .newsDetail .newsTtlArea h3 {
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 15px;
}
#newsArea .newsDetail .newsTtlArea .date {
	font-size: 14px;
	color: #999;
}
#newsArea .newsDetail .newsTtlArea .newsName {
	position: absolute;
	color: #fff;
	padding: 2px 6px;
	font-size: 16px;
	right: 0;
	bottom: 0;
	background: #ccc;
}
#newsArea .newsDetail .cat_box span.actor-talent-model .newsName {
	background: #f16062;
}
#newsArea .newsDetail .cat_box span.voice-actor .newsName {
	background: #eda32e;
}
#newsArea .newsDetail .cat_box span.creator .newsName {
	background: #6fc1a7;
}
#newsArea .newsDetail .cat_box span.animation .newsName {
	background: #66abdc;
}
#newsArea .newsDetail .cat_box span.alliance .newsName {
	background: #948ed9;
}
#newsArea .newsDetail .cat_box span.others .newsName {
	background: #ef81c7;
}
#newsArea .newsDetail .cat_box{
    margin-left: 4px;
    padding: 10px 0;
    background: #fff;
}
#newsArea .newsDetail .cat_box span:after {
	color: #fff;
	display: block;
	font-size: 15px;
	padding: 2px 0 5px 10px;
    margin-left: -4px;
	/*position: absolute;
	top: 0;
	left: -4px;*/
}

#newsArea .newsDetail .cat_box span + span:after {
	top: 30px;
}
#newsArea .newsDetail .cat_box span.actor-talent-model:after {
	content: "ACTOR / TALENT / MODEL";
	width: 220px;
	background: url(/img/ribon_red.png) no-repeat left bottom;
	background-size: 100% auto;
}
#newsArea .newsDetail .cat_box span.voice-actor:after {
	content: "VOICE ACTOR";
	width: 135px;
	background: url(/img/ribon_orange.png) no-repeat left bottom;
	background-size: 100% auto;
}
#newsArea .newsDetail .cat_box span.creator:after {
	content: "CREATOR";
	width: 100px;
	background: url(/img/ribon_green.png) no-repeat left bottom;
	background-size: 100% auto;
}
#newsArea .newsDetail .cat_box span.animation:after {
	content: "ANIMATION";
	width: 115px;
	background: url(/img/ribon_blue.png) no-repeat left bottom;
	background-size: 100% auto;
}
#newsArea .newsDetail .cat_box span.alliance:after {
	content: "ALLIANCE";
	width: 90px;
	background: url(/img/ribon_purple.png) no-repeat left bottom;
	background-size: 100% auto;
}
#newsArea .newsDetail .cat_box span.cultured:after {
	content: "CULTURED";
	width: 100px;
	background: url(/img/ribon_orange2.png) no-repeat left bottom;
	background-size: 100% auto;
}
#newsArea .newsDetail .cat_box span.others:after {
	content: "INTELLECTUAL";
	width: 130px;
	background: url(/img/ribon_pink.png) no-repeat left bottom;
	background-size: 100% auto;
}


#newsArea .newsDetail .newsContentsArea {
	background: #fff;
	padding: 40px;
}
#newsArea .newsContentsArea .mainArea {
	margin-bottom: 8%;
}
#newsArea .newsContentsArea .mainRight {
	width: 43%;
	float: right;
	margin-left: 4%;
}
#newsArea .newsContentsArea .mainRight .mainImg {
	text-align: right;
	margin-bottom: 20px;
}
#newsArea .newsContentsArea .mainRight .mainImg img  {
	width: 100%;
	height: auto;
}
#newsArea .newsContentsArea .mainRight .subImg {
}
#newsArea .newsContentsArea .mainRight .subImg li {
	width: 32%;
	float: left;
	margin-right: 2%;
	background-position: center;
	background-size: cover;
}
#newsArea .newsContentsArea .mainRight .subImg li:nth-child(3n) {
	margin-right: 0;
}
#newsArea .newsContentsArea .mainRight .subImg li img {
	display: block;
	visibility: hidden;
	width: 100%;
	height: auto;
}
#newsArea .newsContentsArea .mainRight .subImg li:hover {
	opacity: 0.8;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
}

#newsArea .newsContentsArea .mainLeft {
	width: 53%;
	/*margin-bottom: 80px;*/
}
#newsArea .newsContentsArea .mainLeft .leadText {
	font-size: 18px;
	padding-bottom: 25px;
	border-bottom: 2px dotted #829a43;
	margin-bottom: 25px;
}
#newsArea .newsContentsArea .mainLeft a {
	color: #677b90;
	margin-right: 5px;
}
#newsArea .newsContentsArea .mainLeft a:hover {
	text-decoration: none;
}
#newsArea .newsContentsArea .mainLeft i.fa-external-link {
	color: #677b90;
}
#newsArea .newsContentsArea .mainLeft .text {
	margin-bottom: 20px;
}
#newsArea .newsContentsArea .bottomArea {
	position: relative;
}
#newsArea .newsContentsArea .bottomArea .snsBtn {
	width: 53%;
	/*position: absolute;
	bottom: 0;*/
}
#newsArea .newsContentsArea .bottomArea .snsBtn li {
	width: 32%;
	margin-right: 1%;
	float: left;
	border-radius: 5px;
}
#newsArea .newsContentsArea .bottomArea .snsBtn li.fb {
	background: #385592 url(/img/ico_fb.png) no-repeat 10% center;
	background-size: auto 65%;
}
#newsArea .newsContentsArea .bottomArea .snsBtn li.tw {
	background: #55acee url(/img/ico_twitter.png) no-repeat 10% center;
	background-size: auto 65%;
}
#newsArea .newsContentsArea .bottomArea .snsBtn li.x {
	background: #0F1419 url(/img/ico_x.png) no-repeat 10% center;
	background-size: auto 65%;
}
#newsArea .newsContentsArea .bottomArea .snsBtn li.gp {
	background: #db4d40 url(/img/ico_gp.png) no-repeat 10% center;
	background-size: auto 65%;
}
#newsArea .newsContentsArea .bottomArea .snsBtn li a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 3%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
#newsArea .newsContentsArea .bottomArea .profile {
	width: 43%;
	float: right;
}
#newsArea .newsContentsArea .bottomArea .profile a {
	text-decoration: none;
}
#newsArea .newsContentsArea .bottomArea .profile h4 {
	background: #e4e4e4;
	color: #677b90;
	font-size: 18px;
	padding: 1px 15px;
	font-weight: normal;
}
#newsArea .newsContentsArea .bottomArea .profile .photo {
	width: 30%;
	float: left;
	margin-top: 7px;
	padding-right: 1%;
}
#newsArea .newsContentsArea .bottomArea .profile .photo img {
	width: 100%;
}

#newsArea .newsContentsArea .bottomArea .profile table {
	font-size: 14px;
	width: 70%;
}
#newsArea .newsContentsArea .bottomArea .profile table td.name {
	vertical-align: bottom;
}
#newsArea .newsContentsArea .bottomArea .profile table td.name span {
	font-size: 20px;
	margin-right: 10px;
}
#newsArea .newsContentsArea .bottomArea .profile table td {
	padding-right: 10px;
	vertical-align: top;
}


/*talentList*/
/*#talentList {
	margin-left: -1.3%;
}*/
#talentList > div {
	margin-bottom: 30px;
}
/*#talentList > div.big_list,
.voice_actor-page #talentList #voice-actor {
    margin-bottom: 0;
}*/
.voice_actor-page hr{ height: 5px; background-color: rgba(124, 148, 55, 0.3); }
#talentList > div {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    float: none;
}
#talentList > div.small_list{
    justify-content: flex-start;
}
#talentList .talentBox + .talentBox{
    margin: 1%;
}
#talentList h3 {
	color: #677b90;
	font-size: 22px;
	background: url(/img/bg_talent_h3.png) no-repeat right bottom #dddddd;
	background-size: 33px auto;
	border-top: #9099a1 solid 5px;
	padding: 10px 0 10px 32px;
	font-weight: normal;
	margin-bottom: 7px;
	/*margin-left: 1.3%;*/
}
#talentList h3 span {
	font-size: 15px;
}
#talentList .h3_link {
	padding: 0;
}
#talentList .h3_link a {
	display: block;
	padding: 10px 10px 10px 32px;
	text-decoration: none;
	color: #677b90;
	background: url("../img/ico_arrow_link.png") right 15px top 50% no-repeat;
	background-size: 30px 30px;
}
#talentList .h3_link a:hover {
	opacity: 0.7;
}
#talentList .h3_link.nolink {
	padding: 10px 10px 10px 32px;
}

#wrapper.all-page #talentList h3,
#wrapper.talent-page #talentList h3,
#wrapper.actor-page #talentList h3,
#wrapper.cultured-page #talentList h3{background:rgba(44,25,7,0.5);border-top:0;color:#fff;font-weight:bold;}
#wrapper.artist-page #talentList h3{background:#252525;border-top:0;color:#fff;font-weight:bold;}
#wrapper.influencer-page #talentList h3{background:#efb98d;border-top:0;color:#636363;font-weight:bold;}

#talentList .sub-ttl {
    font-size: 22px;
    font-weight: normal;
    color: #677b90;
    padding: 10px 10px 10px 32px;
    border-bottom: #9099a1 solid 1px;
    margin-bottom: 7px;
    margin-top: 20px;
	margin-left: 1.3%;
}

#talentList .talentBox {
	width: 23%;
	height: 0;
	margin: 1%;
	padding-top: 23%;
	overflow: hidden;
}
	/*.voice_actor-page #talentList #voice-actor2 .talentBox ,
	.voice_actor-page #talentList #voice-actor4 .talentBox {
		width: 18.7%;
		margin: 1.3% 0 0 1.3%;
		padding-top: 18.7%;
	}*/
#talentList .talentBox.box_big {
    width: 18%;
    margin: 1%;
    padding-top: 18%;
}


#talentList .talentBox.box_small {
	width: 14.6%;
    margin: 1%;
	padding-top: 14.6%;
}

#talentList .name_list { display:flex; justify-content:flex-start; flex-wrap:wrap; }
#talentList .name_list li { width:14.6%; margin:1%; background:#fff; box-shadow:rgba(0, 0, 0, 0.2) 0 0 7px 0; }
#talentList .name_list li a { display:block; padding:10px; font-size:10px; }
#talentList .name_list li a span { font-size:13px; padding-right:10px; }

@media screen and (max-width: 1110px) {
    #talentList .talentBox {
        width: 48%;
        height: 0;
        margin: 1%;
        padding-top: 48%;
    }
    #talentList .talentBox.box_big {
        width: 23%;
        margin: 1%;
        padding-top: 23%;
    }
	#talentList .talentBox.box_small {
		width: 18%;
		height: 0;
		margin: 1%;
		padding-top: 18%;
		overflow: hidden;
	}
	#talentList .talentBox.box_small .textBox {
		font-size: 10px;
	}
	#talentList .talentBox.box_small .textBox .name span {
		font-size: 12px;
	}
	#talentList .name_list li { width:31%; }
	#talentList .name_list li a span { font-size:12px; }
}
/*@media screen and (max-width: 768px) {
    #talentList .talentBox {
        width: 48.5%;
        margin: 1.3% 0 0 1.3%;
        padding-top: 48.5%;
    }
}*/
@media screen and (max-width: 640px) {

    #talentList .talentBox {
        width: 98%;
        margin: 1%;
        padding-top: 98%;
    }
    /*#talentList .talentBox.empty {
        /*display: none;
    }*/
	#talentList .talentBox.box_big {
		width: 98%;
		margin: 1%;
		padding-top: 98%;
	}
    
    #talentList .talentBox.box_small {
		width: 31%;
		height: 0;
		margin: 1%;
		padding-top: 31%;
		overflow: hidden;
	}
	#talentList .talentBox.box_small .cat{
		padding: 4px;
	}
	#talentList .talentBox.box_small .textBox{
		padding: 4px;
	}
	#talentList .talentBox.box_small .textBox .name{
		font-size: 10px;
	}
	#talentList .talentBox.box_small .textBox .name span{
		font-size: 12px;
		display: block;
		margin-right: 0;
	}
	
	#talentList .name_list li { width:48%; }
    
	/*.voice_actor-page #talentList #voice-actor2 .talentBox ,
	.voice_actor-page #talentList #voice-actor4 .talentBox {
		width: 48.7%;
		margin: 1.3% 0 0 1.3%;
		padding-top: 48.7%;
	}*/
    .sm-hidden{
        display: none;
    }
}

#talentList .talentBox {
	position:relative;
	color: #333;
	background-color: #fff;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
	float: left;
}
#talentList .talentBox.empty {
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
@media screen and (min-width: 851px) {
	#talentList .big_list {
		text-align: center;
	}
	#talentList .big_list .talentBox {
		float: none;
		display: inline-block;
	}
}


#talentList > div.small_list {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    float: none;
}
#talentList .talentBox.box_small .textBox {
	font-size: 12px;
}
#talentList .talentBox a {
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
	z-index: 100;
}
#talentList .talentBox .cat {
	position:absolute;
	top:0;
	left:0;
	padding:4px 12px;
	font-size:10px;
	background:#A6CC60;
	z-index:110;
	opacity:0.9;
}
.voice_actor-page #talentList #voice-actor2 .talentBox .cat ,
.voice_actor-page #talentList #voice-actor4 .talentBox .cat {
    font-size:11px;
}

#talentList .talentBox .photo {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	text-align: center;
}
#talentList .talentBox .photo img {
	width: 100%;
	/*height: 321px;*/
}
#talentList #vr .talentBox .photo img {
	width: 100%;
	height: 321px;
    object-fit: cover;
}
#talentList .talentBox:not(.empty):hover .photo img {
	opacity: 0.8;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
}
#talentList .talentBox .textBox {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 7px 10px;
	background: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	line-height: 1.3;
	text-align: left;
}
.voice_actor-page #talentList .talentBox .textBox {
    font-size: 12px;
}
.voice_actor-page #talentList #voice-actor2 .talentBox .textBox ,
.voice_actor-page #talentList #voice-actor4 .talentBox .textBox {
    font-size: 10px;
}
#talentList .talentBox .textBox .name span {
	font-size: 16px;
	margin-right: 10px;
}
.voice_actor-page #talentList .talentBox .name span {
    font-size:17px;
    margin-right: 5px;
}
.voice_actor-page #talentList #voice-actor2 .talentBox .name span ,
.voice_actor-page #talentList #voice-actor4 .talentBox .name span {
    font-size:13px;
}
@media screen and (max-width: 640px) {
	.voice_actor-page #talentList #voice-actor2 .talentBox .textBox ,
	.voice_actor-page #talentList #voice-actor4 .talentBox .textBox {
		padding: 7px 5px 3px;
		line-height: 1.1;
		font-size: 8px;
	}
	.voice_actor-page #talentList #voice-actor2 .talentBox .job ,
	.voice_actor-page #talentList #voice-actor4 .talentBox .job {
		font-size: 8px;		
	}
	.voice_actor-page #talentList #voice-actor2 .talentBox .name span:after ,
	.voice_actor-page #talentList #voice-actor4 .talentBox .name span:after {
		content:"\A";
		white-space:pre;
	}
}

#talentList .talentBox .textBox .job {
	margin-top: 5px;
}
.voice_actor-page #talentList .talentBox .job {
	margin-top: 3px;
	font-size: 10px;
}


/*talentDetail*/
#talentDetail {
	position: relative;
	/*max-width: 1000px;
	margin:auto;*/
}
#talentDetail .talentHeader{
	margin-bottom:30px;
	padding:60px 40px 40px;
	background:#fff;
}
#talentDetail .talentHeader h2 {display:block;font-size:18px;color:#000;margin:0;padding:0;background:none;}
#talentDetail .talentHeader h2 span {font-size: 42px;font-weight: normal;margin-right: 15px;}

.talent-page #talentDetail .talentHeader,
.actor-page #talentDetail .talentHeader,
.cultured-page #talentDetail .talentHeader{background:rgba(44,25,7,0.5);}
.artist-page #talentDetail .talentHeader{background:#252525;}
.influencer-page #talentDetail .talentHeader{background:#efb98d;}

.talent-page #talentDetail .talentHeader h2,
.actor-page #talentDetail .talentHeader h2,
.cultured-page #talentDetail .talentHeader h2,
.artist-page #talentDetail .talentHeader h2{color:#fff;}
.influencer-page #talentDetail .talentHeader h2{color:#636363;}

#talentDetail .talentHeader:after {
	color: #fff;
	display: block;
	font-size: 15px;
	padding: 2px 0 5px 10px;
	position: absolute;
	top: 22px;
	left: -4px;
}
#talentDetail .talentHeader.actor-talent-model:after {
	content: "TALENT / MODEL";
	width: 150px;
	background: url(/img/ribon_red.png) no-repeat right bottom;
	background-size: auto 100%;
}
#talentDetail .talentHeader.actor:after {
	content: "ACTOR";
	width: 80px;
	background: url(/img/ribon_red.png) no-repeat right bottom;
	background-size: auto 100%;
}
#talentDetail .talentHeader.artist:after {
	content: "ARTIST";
	width: 80px;
	background: url(/img/ribon_red.png) no-repeat right bottom;
	background-size: auto 100%;
}
#talentDetail .talentHeader.actor-talent-model:before,
#talentDetail .talentHeader.actor:before{
	content:""; display:block; width:0; height:0; border:3px solid transparent; border-left-color:#fb6162;
	rotate:-45deg; position:absolute; top:43px;left:-3px;
}
#talentDetail .talentHeader.voice-actor:after {
	content: "VOICE ACTOR";
	width: 135px;
	background: url(/img/ribon_orange.png) no-repeat left bottom;
	background-size: 100% auto;
}
#talentDetail .talentHeader.cultured:after {
	content: "CULTURED";
	width: 100px;
	background: url(/img/ribon_orange2.png) no-repeat left bottom;
	background-size: 100% auto;
}
#talentDetail .talentHeader.creator:after {
	content: "CREATOR";
	width: 100px;
	background: url(/img/ribon_green.png) no-repeat left bottom;
	background-size: 100% auto;
}
#talentDetail .talentHeader.animation:after {
	content: "ANIMATION";
	width: 115px;
	background: url(/img/ribon_blue.png) no-repeat left bottom;
	background-size: 100% auto;
}
#talentDetail .talentHeader.influencer:after {
	content: "INFLUENCER";
	width: 120px;
	background: url(/img/ribon_blue.png) no-repeat right bottom;
	background-size: auto 100%;
}
#talentDetail .talentHeader.alliance:after {
	content: "ALLIANCE";
	width: 90px;
	background: url(/img/ribon_purple.png) no-repeat left bottom;
	background-size: 100% auto;
}
#talentDetail .talentHeader.others:after {
	content: "INTELLECTUAL";
	width: 130px;
	background: url(/img/ribon_pink.png) no-repeat left bottom;
	background-size: 100% auto;
}

#talentDetail .talentProfile {
	/*background: #fff;
	padding: 80px 40px 40px 40px;*/
	margin-bottom: 40px;
}
#talentDetail .talentProfile .leftBox {
	/*max-width: 480px;*/
	width: 50%;
	margin-right: 4%;
	float: left;
}

#talentDetail .talentProfile .leftBox #slider {
	/*max-width:640px;
	margin:auto;*/
}
#talentDetail .talentProfile .leftBox #slide_main li {
	width: 100%;
	padding-top: 100%;
	text-indent: -9999px;
	background-size: cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-position: center;
}
#talentDetail .talentProfile .leftBox #slide_thumb {
	margin: 20px 0;
}
#talentDetail .talentProfile .leftBox #slide_thumb li {
	float: left;
	width: 18%;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
}
#talentDetail .talentProfile .leftBox #slide_thumb li:nth-child(5n) {
	margin-right: 0;
}
#talentDetail .talentProfile .leftBox #slide_thumb li a {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 100%;
	background-size: cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-position: center;
	background-repeat: none;
}

#talentDetail .talentProfile .leftBox .contactBtn a {
	display: block;
	color: #677b90;
	text-align: center;
	border: 1px solid #a9d064;
	border-radius: 4px;
	padding: 10px 10% 10px 5%;
	font-size: 18px;
	background: url(/img/ico_arrow_green_r.png) no-repeat 95% center;
	background-size: 13px;
	text-decoration: none;
	/*max-width:640px;
	margin:0 auto 40px;*/
}
#talentDetail .talentProfile .leftBox .contactBtn a:hover {
	background: url(/img/ico_arrow_white_r.png) no-repeat 95% center #a9d064;
	background-size: 13px;
	color: #fff;
}
.talent-page #talentDetail .talentProfile .leftBox .contactBtn a,
.actor-page #talentDetail .talentProfile .leftBox .contactBtn a,
.cultured-page #talentDetail .talentProfile .leftBox .contactBtn a{background-color:rgba(44,25,7,0.5);background-image:url(/img/ico_arrow_white_r.png);color:#fff;border:0;}
.talent-page #talentDetail .talentProfile .leftBox .contactBtn a:hover,
.actor-page #talentDetail .talentProfile .leftBox .contactBtn a:hover,
.cultured-page #talentDetail .talentProfile .leftBox .contactBtn a:hover{background-color:rgba(44,25,7,0.8);background-image:url(/img/ico_arrow_white_r.png);color:#fff;}

#talentDetail .talentProfile .rightBox {
	width: 46%;
	float: left;
}
#talentDetail .talentProfile .rightBox .tab_content{
	background:#fff;
	padding:40px;
}
#talentDetail .talentProfile h4{
	background: #e4e4e4;
	color: #677b90;
	font-weight: normal;
	padding: 5px 0 2px 15px;
	font-size: 18px;
	margin-bottom: 15px;
}
#talentDetail .talentProfile .rightBox .recentInfo {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 2px dotted #829a43;
}
#talentDetail .talentProfile .rightBox .recentInfo .job {
	margin-bottom: 15px;
}
/*#talentDetail .talentProfile .rightBox table {
	margin-bottom: 40px;
}*/
#talentDetail .talentProfile .rightBox table td {
	vertical-align: top;
}
.siteLink dl {
	padding-bottom: 8px;
}
.siteLink dl dt {
	float: left;
	margin-right: 5px;
}

.siteLink i {
  width: 30px;
	margin-right: 5px;
	color: #555;
  text-align: center;
}
.siteLink a {
	color: #677b90;
	margin-right: 5px;
}
.siteLink a:hover {
	text-decoration: none;
}
.siteLink + h4 {
	margin-top: 40px;
}

#talentDetail .talentInfo {
}
#talentDetail .talentInfo #tabMenu {
	margin-left: -2.05%;
}
#talentDetail .talentInfo #tabMenu li {
	float:left;
	margin-left: 2%;
	width: 31.33%;
}
#talentDetail .talentInfo #tabMenu li a{
	display:block;
	height:44px;
	line-height:44px;
	text-align:center;
	background: #fff;
	border-radius: 4px;
	color: #677b90;
	text-decoration: none;
}
#talentDetail .talentInfo #tabMenu li a:hover{
	background: #a9d064;
	color: #fff;
}
#talentDetail .talentInfo #tabMenu li a.active {
	height:58px;
	background: #a9d064;
	color: #fff;
	-webkit-transition: .4s linear;
	-moz-transition: .4s linear;
	-o-transition: .4s linear;
}
#talentDetail .talentInfo #tabBoxes {
	background: #fff;
	border-top: #a9d064 5px solid;
	margin-top: -5px;
}
#talentDetail .talentInfo #tabBoxes .tabBox {
	display: none;
}
#talentDetail .talentInfo #tabBoxes .tabBox:first-child {
	display: block;
}
#talentDetail .talentInfo #tabBoxes #tabBox1 {
	padding: 20px 20px 20px 20px;
	margin-left: -1.3%;
}
#talentDetail .talentInfo #tabBoxes .item {
	width: 18.6%;
	height: 318px;
	margin: 0 0 1.3% 1.3%;
}
#talentDetail .talentInfo #tabBoxes .item .newsTtl {
	height: 60px;
	overflow: hidden;
}
@media screen and (max-width: 1650px) {
#talentDetail .talentInfo #tabBoxes .item {
	width: 23.6%;
	margin: 0 0 1.3% 1.3%;
}
}
@media screen and (max-width: 1110px) {
#talentDetail .talentInfo #tabBoxes #tabBox1 {
	margin-left: -1.8%;
}
#talentDetail .talentInfo #tabBoxes .item {
	width: 31.5%;
	margin: 0 0 1.8% 1.8%;
}

	
    #talentDetail .talentProfile .leftBox{
        width: 100%;
    }
    #slider{
        max-width: 60%;
        margin: 0 auto;
    }
    #talentDetail .talentProfile .rightBox{
        width: 100%;
        margin-top: 20px;
    }
}
@media screen and (max-width: 768px) {
#talentDetail .talentInfo #tabBoxes #tabBox1 {
	margin-left: -2.5%;
}
#talentDetail .talentInfo #tabBoxes .item {
	width: 47.5%;
	margin: 0 0 2.5% 2.5%;
}
}

#talentDetail .talentInfo #tabBoxes .item {
	position:relative;
	/*width: 286px;*/
	/*height: 306px;*/
	color: #333;
	background-color: #fff;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 7px 0px;
	/*margin: 20px 0 0 20px;*/
	float: left;
}
#talentDetail .talentInfo #tabBoxes .item a {
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
	z-index: 100;
}
#talentDetail .talentInfo #tabBoxes .item .newsThum {
	background-color: rgba(240,240,240,1);
}
#talentDetail .talentInfo #tabBoxes .item .newsThum img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 219px;
	margin: 0 auto;
}
#talentDetail .talentInfo #tabBoxes .item .newsDate {
	padding: 10px 15px 3px;
	font-size: 11px;
}
#talentDetail .talentInfo #tabBoxes .item .newsTtl {
	padding: 0 15px 15px;
	/*height: 105px;*/
	font-size: 14px;
}
#talentDetail .talentInfo #tabBoxes .item.pickup:after {
	content: "PICKUP";
	position: absolute;
	color: #f16062;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 5px;
	top: 5px;
	right: 5px;
	border: 1px solid #f16062;
	z-index: 100;
}
#talentDetail .talentInfo #tabBoxes .item.new:after {
	content: "NEW";
	position: absolute;
	color: #f16062;
	font-size: 12px;
	font-weight: bold;
	padding: 1px 5px;
	top: 5px;
	right: 5px;
	border: 1px solid #f16062;
}
#talentDetail .talentInfo #tabBoxes .item:hover .newsThum img {
	opacity: 0.8;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;

}
#talentDetail .talentInfo #tabBoxes .item:hover .newsTtl {
	color: #aaa;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
}

#talentDetail .talentInfo #tabBoxes #tabBox2 {
	padding: 30px 40px;
}
#tabBox2 #bioNav {
	background: #e4e4e4;
	padding: 15px 25px 0;
}
#tabBox2 #bioNav li {
	float: left;
	border-right: 1px solid #afcb63;
	padding: 0 20px;
	line-height: 1;
	margin-bottom: 15px;
	font-size: 14px;
}
#tabBox2 #bioNav li a {
}
#tabBox2 #bioNav li a:hover {
	color: #333;
	text-decoration: none;
}
#tabBox2 .bioBox {
	margin-top: 50px;
}
#tabBox2 .bioBox h4 {
	font-size: 24px;
	color: #677b90;
	border-bottom: #bbbbbb 1px solid;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-weight: normal;
}
#tabBox2 .bioBox h4 span {
	font-size: 13px;
	margin-left: 10px;
}

#talentDetail .talentInfo #tabBoxes #tabBox3{
	padding: 20px 20px 20px 20px;
	margin-left: -1.3%;
}
#tabBox3 .garallyBox li {
	width: 18.6%;
	margin: 0 0 1.3% 1.3%;
	float: left;
	background-size: cover;
	background-position: center;
}
#tabBox3 .garallyBox li img {
	display: block;
	visibility: hidden;
	width: 100%;
}
@media screen and (max-width: 1650px) {
#tabBox3 .garallyBox li {
	width: 23.6%;
	margin: 0 0 1.3% 1.3%;
}
}
@media screen and (max-width: 1110px) {
#talentDetail .talentInfo #tabBoxes #tabBox3 {
	margin-left: -1.8%;
}
#tabBox3 .garallyBox li {
	width: 31.5%;
	margin: 0 0 1.8% 1.8%;
}
}
@media screen and (max-width: 768px) {
#talentDetail .talentInfo #tabBoxes #tabBox3 {
	margin-left: -2.5%;
}
#tabBox3 .garallyBox li {
	width: 47.5%;
	margin: 0 0 2.5% 2.5%;
}
}


#tabBox1,#tabBox2,#tabBox3{
	min-height:300px;
}


/*companyArea*/
#companyArea {
	background: #fff;
	padding: 40px;
}

#companyArea .companyInfo tr {
	/*border-bottom: 1px dotted #3a5e00;*/
}
#companyArea .companyInfo {
	border-collapse: collapse;
}
#companyArea .companyInfo tr:nth-child(odd) {
	background: #f9f9f9;
}
#companyArea .companyInfo tr:nth-child(even) {
	/*background: #e8f2d5;*/
}
#companyArea .companyInfo tr td {
	vertical-align: top;
	padding: 20px 30px;
}
#companyArea .companyInfo tr th {
	width: 170px;
	padding: 20px 0 20px 30px;
}
#companyArea h3 {
	font-size: 26px;
	font-weight: normal;
	color: #677b90;
	padding: 5px 0 15px 10px;
	border-top: #9099a1 solid 1px;
	margin-top: 60px;
}


/*contactArea*/
#contactArea{
	background: #fff;
	padding: 40px;
}
#contactArea .leadText {
	margin-bottom: 30px;
}
#contactArea .screen-reader-response {
	margin-bottom: 30px;
	color: #c00;
}
#contactArea .contactForm {
	width: 90%;
	margin: 0 auto 30px;
}
#contactArea .contactForm tr {
}
#contactArea .contactForm th,
#contactArea .contactForm td {
	padding: 10px;
}
#contactArea .contactForm th{
	font-weight: normal;
	vertical-align: top;
	width: 200px;
}
#contactArea .contactForm input,
#contactArea .contactForm textarea {
	padding: 5px;
}
#contactArea .contactForm input {
	width: 50%;
}
#contactArea .contactForm textarea {
	width: 80%;
	height: 150px;
}
#contactArea .contactForm input::-webkit-input-placeholder {
    color: #ccc;
}
#contactArea .contactForm input:-ms-input-placeholder {
    color: #ccc;
}
#contactArea .contactForm input::-moz-placeholder {
    color: #ccc;
}
#contactArea .underText {
	margin-bottom: 30px;
}
#contactArea .submitBtn {
	text-align: center;
	margin-bottom: 50px;
}
#contactArea .submitBtn input {
	width: 500px;
	max-width: 100%;
	font-family: 'LatoWebLight','Lato Light', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #677b90;
    text-align: center;
    border: 1px solid #a9d064;
    border-radius: 4px;
    padding: 10px 0;
    font-size: 18px;
    background: url(/img/ico_arrow_green_r.png) no-repeat 95% center;
    background-size: 13px;
    text-decoration: none;
	cursor: pointer;
}
#contactArea .submitBtn input:hover {
    background: url(/img/ico_arrow_white_r.png) no-repeat 95% center #a9d064;
    background-size: 13px;
	color: #fff;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
}
#contactArea .submitBtn img{
	width: auto;
}
#contactArea .compText {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}
#contactArea .backIndex a {
	display: block;
	width: 300px;
	max-width: 100%;
	color: #677b90;
    text-align: center;
    border: 1px solid #a9d064;
    border-radius: 4px;
    padding: 10px 0;
    font-size: 18px;
    background: url(/img/ico_arrow_green_r.png) no-repeat 95% center;
    background-size: 13px;
    text-decoration: none;
	margin: 0 auto 50px;
}
#contactArea .backIndex a:hover {
    background: url(/img/ico_arrow_white_r.png) no-repeat 95% center #a9d064;
    background-size: 13px;
	color: #fff;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
}
#contactArea .wpcf7-validation-errors {
	color: #c00;
}


/*privacyArea*/
#privacyArea {
	background: #fff;
	padding: 40px;
}
#privacyArea h3 {
	font-weight: normal;
	color: #677b90;
	font-size: 18px;
	padding: 10px 0 8px 15px;
	border-top: #9099a1 solid 1px;
	margin-bottom: 20px;
	background: #f3f3f3;
	margin-top: 30px;
}
#privacyArea .privacyBox01,
#privacyArea .privacyBox02 {
	padding: 0 20px;
}
#privacyArea .privacyBox01 ul {
	padding-bottom: 10px;
}
#privacyArea .privacyBox01 ul li {
	font-size: 16px;
	margin-bottom: 10px;
}
#privacyArea .privacyBox01 ul li p {
	font-size: 14px;
	padding-left: 1em;
}
#privacyArea h4 {
	color: #677b90;
	font-size: 16px;
	margin-bottom: 10px;
}
#privacyArea .privacyBox02 div {
	margin-bottom: 25px;
}
#privacyArea .privacyBox02 p {
	margin-bottom: 10px;
}
#privacyArea .privacyBox02 div .bg_gray {
	background: #f9f9f9;
	padding: 20px;
}
#privacyArea .privacyBox02 div .bg_gray li {
	margin-bottom: 10px;
}


/*voiceSampleArea*/
#voiceSampleArea {
	background: #fff;
	padding: 30px;
}
#voiceSampleArea .voiceSampleBlock {
	padding-bottom: 28px;
}
#voiceSampleArea .voiceSampleBlock .leftArea {
	width: 30%;
	float: left;
	margin-right: 3%;
}
#voiceSampleArea .voiceSampleBlock .leftArea h3 {
	font-size: 26px;
	margin-bottom: 40px;
	font-weight: normal;
	background: url(/img/ico_voice.png) top left no-repeat;
	background-size: 50px auto;
	padding-left: 60px;
}
audio {
    width: 100%;
	max-width: 300px;
    height: 30px;
}
#voiceSampleArea .voiceSampleBlock .leftArea h3 span {
	display: block;
	font-size: 18px;
}
#voiceSampleArea .voiceSampleBlock .voiceSampleInn {
	background:#eee;
	border-radius: 4px;
	padding: 20px 30px;
	float: left;
	width: 67%;
}
#voiceSampleArea .voiceSampleBlock .voiceSampleInn .voiceSampleCat p {
	color: #677b90;
	float: left;
	font-size: 18px;
	width: 120px;
}
#voiceSampleArea .voiceSampleBlock .voiceSampleInn .voiceSampleCat ul {
	margin-bottom: 10px;
	border-bottom: 2px dotted #839a44;
	padding-left: 120px;
}
#voiceSampleArea .voiceSampleBlock .voiceSampleInn .voiceSampleCat ul li {
	float: left;
	text-align: center;
	margin-left: 5px;
	padding-bottom: 10px;
}
#voiceSampleArea .voiceSampleBlock .voiceSampleInn .voiceSampleCat ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
	width: 30px;
	height: 22px;
	line-height: 22px;
	background: #b5db4c;
	font-weight: bold;
	border-radius: 4px;
}

#talentDetail .talentProfile .rightBox .voice_list li {
	padding: 8px 0 5px;
	border-top: 2px dotted #ccc;
}
#talentDetail .talentProfile .rightBox .voice_list li:first-child {
	padding-top: 0;
	border: 0;
}
#talentDetail .talentProfile .rightBox .voice_list li span {
	display: inline-block;
	float: left;
	width: 30px;
	height: 22px;
	line-height: 22px;
	margin: 0 15px 0 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #b5db4c;
	border-radius: 4px;
}
#talentDetail .talentProfile .rightBox .voice_list li p{
    margin-bottom: 10px;
}
#talentDetail .talentProfile .rightBox .voice_list li audio {
	max-width: 280px;
    margin-left: 45px;
}

/*pager*/
.pager ul {
	text-align: center;
}
.pager ul li {
	display: inline;
	margin: 0 7px;
}
.pager ul li a {
	display: inline-block;
	width: 42px;
	height: 42px;
	text-align: center;
	background: #fff;
	border-radius: 21px;
	text-align: center;
	line-height: 42px;
	text-decoration: none;
	color: #677b90;
}
.pager ul li.active a {
	background: #a9d064;
	color: #677b90;
	font-weight: bold;
}
.pager ul li a:hover {
	background: #a9d064;
	color: #677b90;
}
.newsDtailPager li img {
	width: 16px;
	vertical-align: middle;
	padding-bottom: 4px;
}

/*bannerArea*/
.bannerArea {
	margin-bottom: 18px;
	margin-left: -0.5%;
}
.bannerArea ul li {
	width: 19.2%;
	float: left;
	margin: 0.8% 0 0 0.8%;
}
@media screen and (max-width: 1650px) {
.bannerArea ul li {
	width: 23.8%;
	margin: 0.8% 0 0 0.8%;
}
}
@media screen and (max-width: 1110px) {
.bannerArea ul li {
	width: 31%;
	margin: 0 0 1% 2%;
}
}
@media screen and (max-width: 768px) {
.bannerArea ul li {
	width: 48%;
	margin: 0.8% 0 0 0.8%;
}
}
.bannerArea ul li img {
	width: 100%;
}



/*pTop*/
.pTop {
	display:none;
	position:relative;
	width:100%;
	height:0;
	margin:0 auto;
}
.pTop a {
    position: fixed;
    bottom: 0;
    right: 0;
    display: block;
    width: 50px;
    height: 50px;
    z-index: 9999;
    background: #76a6d9;
    border-radius: 100%;
    margin: 10px;
}
.pTop a:after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    position: absolute;
    top: calc(50% + -3px);
    left: calc(50% - -3px);
    transform: rotate(-45deg) translate(-50%, -50%);
}
.pTop a img {
	width: 100%;
}

/*.pTop {
	width: 70px;
	float: right;
	margin-bottom: 10px;
}
.pTop img {
	width: 100%;
}*/


/*footer*/
.footer {
	position: relative;
	clear: both;
	text-align: center;
	font-size: 12px;
	color: #fff;
	background-color: #677b90;
	border-radius: 6px;
	padding: 10px 0;
}
.footer .rightLink {
	position: absolute;
	right: 20px;
	top: 30%;
}
.footer .rightLink a {
	color: #fff;
}
.footer .rightLink a:hover {
	text-decoration: none;
}




/*----------------------------------------------------------------------------
------------------------------------------------------------------------------
------------------------------------------------------------------------------
------------------------------------------------------------------------------
----------------------------------------------------------------------------*/


@media screen and (max-width: 1280px) {

#sort li {
	width: 24.5%;
	margin-left: 0.4%;
	margin-bottom: 0.4%;
}

#newsArea .newsContentsArea .bottomArea .snsBtn {
	width: 30%;
}
#newsArea .newsContentsArea .bottomArea .snsBtn li {
	width: 100%;
	clear: both;
	margin-bottom: 5px;
}
#newsArea .newsContentsArea .bottomArea .profile {
	width: 65%;
}


#companyArea .companyInfo tr td {
	vertical-align: top;
	padding: 20px 30px 20px 20px;
}
#companyArea .companyInfo tr th {
	width: 170px;
	padding: 20px 0 20px 30px;
}

/*contactArea*/
#contactArea .contactForm {
	width: 100%;
}
#contactArea .contactForm th {
	width: 23%;
}
#contactArea .contactForm td {
	width: 77%;
}
#contactArea .contactForm input {
	width: 65%;
}
#contactArea .contactForm textarea {
	width: 100%;
	height: 150px;
}


}




/*----------------------------------------------------------------------------
------------------------------------------------------------------------------
------------------------------------------------------------------------------
------------------------------------------------------------------------------
----------------------------------------------------------------------------*/


@media screen and (max-width: 1110px) {

    /*voiceSampleArea*/
    #voiceSampleArea .voiceSampleBlock .leftArea {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    #voiceSampleArea .voiceSampleBlock .leftArea h3 {
        margin-bottom: 40px;
        float: left;
        width: 45%;
        margin-right: 3%;
    }
    audio {
        width: 52%;
        margin-top: 13px;
    }
    #voiceSampleArea .voiceSampleBlock .voiceSampleInn {
        float: none;
        clear: both;
        width: 100%;
    }

    #talentDetail .talentProfile .rightBox .voice_list li audio {
        width: 75%;
        margin-top: 0;
    }
}



/*----------------------------------------------------------------------------
------------------------------------------------------------------------------
------------------------------------------------------------------------------
------------------------------------------------------------------------------
----------------------------------------------------------------------------*/


@media screen and (max-width: 850px) {

#wrapper {
	width: 100%;
	padding: 3% 0;
	position: relative;
}

.leftNavi {
	display: none;
}

img {
	width: 100%;
}

.listBackBtn a{
	margin-bottom: 3%;
}


/*.sptNavi {*/
.sptNavi {
	display: block;
	width: 95%;
	margin: 0 auto 2%;
	/*position: fixed;
	z-index: 9999;*/
	background-color: rgba(162,195,72,0.85);
	border-radius: 6px;
	overflow: hidden;
}
.sptNavi div {
	padding: 2%;
}
.sptNavi h1 {
	float: left;
}
.sptNavi h1 img {
	max-width: 138px;
}

/*spTalentTab*/
.talent-index .spTalentTab {
	display: block;
	margin-left: -0.5%;
	margin-bottom: 3%;
}
.talent-index .spTalentTab li a {
	display: block;
	float: left;
	width: 32.8%;
	text-align: center;
	text-decoration: none;
	background: url(/img/ico_arrow_green_b.png) no-repeat 94% center #fff;
	background-size: 11px;
	margin: 0 0 0.5% 0.5%;
	border-radius: 4px;
	font-size: 14px;
	color: #677b90;
	height: 40px;
	line-height: 40px;
}
.talent-index .spTalentTab li.line2 a {
	line-height: 1.2;
	padding: 6px;
}
.talent-index .spTalentTab li a:hover {
	background-image: url(/img/ico_arrow_white_b.png);
	background-color: #afcb63;
	color: #fff;
}

#panel-btn{
  display: inline-block;
  position: relative;
  width: 87px;
  height: 40px;
  border-radius: 6px;
  background: #cadd95;
  float: right;
  margin-top: 2px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#panel-btn .menu {
	position: relative;
	top: 28%;
	left: 12px;
}
#panel-btn:hover{
  background: #cadd95;
}
#panel-btn-icon{
  display: block;
  position: absolute;
  top: 50%;
  left: 75%;
  width: 17px;
  height: 2px;
  margin: -1px 0 0 -8px;
  background: #fff;
  transition: .2s;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 17px;
  height: 2px;
  background: #fff;
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -6px;
}
#panel-btn-icon:after{
  margin-top: 4px;
}
#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
#panel {
	display: none;
	width: 98%;
	text-align: center;
	margin: 0 auto 1%;
	border-radius: 6px;
}
#panel li a {
	display: block;
	padding: 2.5% 0;
	color: #fff;
	text-decoration: none;
	background: #91b03b;
	border-bottom: 1px dotted #fff;
}
#panel li a:hover {
	background: #a1bc55;
}
#panel li:last-child a {
	border-bottom: none;
}


/*contentsArea*/
.contentsArea {
	width: 95%;
	overflow: hidden;
	margin: 65px auto 10%;
}


/*contentsBox*/


/*h2*/
h2 {
	margin-bottom: 2%;
	background: none;
	padding: 0 2%;
}
.news-page h2 {
	display: none;
}


/*newsArea*/
    #newsArea {
    }
    #sort {
        margin-bottom: 20px;
    }
    #sort:after {
    }
    #sort ul {
        padding-right: -3px;
    }
    #sort li {
        width: 49%;
        margin: 0.5%;
        padding: 0;
        height: 40px;
        line-height: 40px;
    }
    #sort li.line2 {
        padding: 5px;
    }

    
/*#itemList .item .newsTtl {
	padding: 8% 4% ;
	height: 90px;
}*/
/*#itemList .item .newsName {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	font-size: 13px;
	padding: 2px 4px;
}*/
/*#itemList .item .newsThum:after {
	font-size: 14px;
	padding: 0 0 3px 5px;
	left: -3px;
	margin-top: -3%;
	margin-bottom: -5%;
}
#itemList .item.actor-talent-model .newsThum:after {
	width: 190px;
}
#itemList .item.voice-actor .newsThum:after {
	width: 110px;
}
#itemList .item.creator .newsThum:after {
	width: 80px;
}
#itemList .item.animation .newsThum:after {
	width: 100px;
}
#itemList .item.alliance .newsThum:after {
	width: 80px;
}
#itemList .item.others .newsThum:after {
	width: 110px;
}*/
#newsArea .newsDetail .newsTtlArea {
	margin-bottom: 3%;
}

/*talentList*/
#talentList {
	margin-bottom: 6%;
}
#talentList > div {
	margin-bottom: 4%;
}
#talentList h3 {
	margin-bottom: 1%;
}

/*talentDetail*/
#talentDetail {
	margin-left: 4px;
}
.siteLink dl dt {
	float: none;
}
#talentDetail .talentProfile .leftBox .contactBtn a {
	color: #fff;
	background: url(/img/ico_arrow_white_r.png) no-repeat 95% center #a9d064;
	background-size: 13px;
}
#talentDetail .talentProfile .leftBox .contactBtn a:hover {
	background: url(/img/ico_arrow_green_r.png) no-repeat 95% center;
	background-size: 13px;
	color: #677b90;
}


#talentDetail .talentInfo #tabBoxes #tabBox2 {
	padding: 5% 4%;
}
#tabBox2 #bioNav {
	background: none;
	padding: 0;
	margin-right:1px;
}
#tabBox2 #bioNav li {
	background: #e4e4e4;
	border-right: none;
	padding: 0;
	margin-bottom: 0;
	width: 20%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
#tabBox2 #bioNav li:hover {
	background: #D1D1D1;
}

#tabBox2 #bioNav li a {
	display: block;
	width: 100%;
	text-decoration: none;
}


/*companyArea*/
#companyArea {
	padding: 5%;
}
#companyArea .companyInfo {
	margin-bottom: 10%;
}


/*contactArea*/
#contactArea .submitBtn {
	margin-bottom:0;
}
#contactArea .submitBtn input {
    background: url(/img/ico_arrow_white_r.png) no-repeat 95% center #a9d064;
	background-size: 13px;
	color: #fff;
}
#contactArea .submitBtn input:hover {
    background: url(/img/ico_arrow_green_r.png) no-repeat 95% center;
	background-size: 13px;
	color: #677b90;
}
#contactArea .backIndex a {
    background: url(/img/ico_arrow_white_r.png) no-repeat 95% center #a9d064;
	background-size: 13px;
	color: #fff;
}
#contactArea .backIndex a:hover {
    background: url(/img/ico_arrow_green_r.png) no-repeat 95% center;
	background-size: 13px;
	color: #677b90;
}


/*privacyArea*/
#privacyArea {
	padding: 5%;
}


/*voiceSampleArea*/
#voiceSampleArea {
	padding: 4%;
}
#voiceSampleArea .voiceSampleBlock .voiceSampleInn .voiceSampleCat p {
	padding-top: 7px;
}
#voiceSampleArea .voiceSampleBlock .voiceSampleInn .voiceSampleCat ul li {
	margin-left: 10px;
}
#voiceSampleArea .voiceSampleBlock .voiceSampleInn .voiceSampleCat ul li a {
	width: 45px;
	height: 35px;
	line-height: 35px;
}



/*bannerArea*/
.bannerArea {
	padding-top: 5%;
	margin-bottom: 3%;
	margin-left: 0;
}
.bannerArea ul li {
	width: 49%;
	margin: 0.5%;
	float: left;
}


/*pTop*/

/*pTop*/
/*.pTop {
	position: fixed;
	z-index: 9999;
	bottom: 20px;
	right: 0;
	width: 70px;
	float: none;
	margin-bottom: 0;
}
.pTop img {
	width: 100%;
}*/


/*footer*/
.footer {
	width: 95%;
	margin: 0 auto;
	font-size: 11px;
	padding: 2% 4%;
}



}





/*----------------------------------------------------------------------------
------------------------------------------------------------------------------
------------------------------------------------------------------------------
------------------------------------------------------------------------------
----------------------------------------------------------------------------*/


@media screen and (max-width: 600px) {

/*newsArea*/
#newsArea .newsDetail .newsContentsArea {
	padding: 0 0 5% 0;
}
/*#newsArea .newsContentsArea .mainArea {
	margin-bottom: 8%;
}*/
#newsArea .newsContentsArea .mainRight {
	width: 100%;
	clear: both;
	margin-left: 0;
	margin-bottom: 7%;
}
#newsArea .newsContentsArea .mainRight .mainImg {
	margin-bottom: 2%;
}
#newsArea .newsContentsArea .mainRight .mainImg img  {
	width: 100%;
	height: auto;
}
#newsArea .newsContentsArea .mainRight .subImg {
	width: 95%;
	margin: 0 auto;
}

#newsArea .newsContentsArea .mainLeft {
	width: 90%;
	margin: 0 auto;
}
#newsArea .newsContentsArea .bottomArea {
	position: relative;
}
#newsArea .newsContentsArea .bottomArea .snsBtn {
	position: static;
	width: 93%;
	margin: 0 auto 5%;
	padding-left: 1.5%;
    float: none;
}
#newsArea .newsContentsArea .bottomArea .snsBtn li {
	width: 32%;
	clear: none;
}
#newsArea .newsContentsArea .bottomArea .profile {
	width: 90%;
	margin: 0 auto;
	float: none;
}

#talentDetail .talentHeader{
  margin-bottom:0;
  padding: 60px 5% 5%;
}
#talentDetail .talentProfile {
	padding: 5% 0;
	margin-bottom: 40px;
}
#talentDetail .talentHeader h2 {
	/*margin-bottom: 5%;*/
}
#talentDetail .talentHeader h2 span {
	display: block;
	margin-right: 0;
}

#talentDetail .talentProfile .leftBox {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 5%;
}
#talentDetail .talentProfile .leftBox img {
	margin-bottom: 4%;
}
#talentDetail .talentProfile .rightBox {
	width: 100%;
	float: none;
}
#talentDetail .talentProfile .rightBox .tab_content{
	padding:5%;
}
#talentDetail .talentProfile .rightBox table {
	margin-bottom: 8%;
}
.siteLink dl dt {
	float: left;
	margin-right: 5px;
}


#talentDetail .talentInfo #tabBox2 #bioNav li {
	width: 25%;
}

/*companyArea*/
#companyArea {
}
#companyArea .companyInfo {
	margin-bottom: 10%;
}
#companyArea .companyInfo tr th {
	display: block;
	width: 100%;
	padding: 0 20px 10px 20px;
	border-bottom: none;
}
#companyArea .companyInfo tr td {
	display: block;
	width: 100%;
	padding: 0 20px 10px 20px;
}
#companyArea .companyInfo tr th {
	font-weight: bold;
	padding: 10px 20px 10px 20px;
}


/*contactArea*/
#contactArea {
	padding: 5%;
}
#contactArea .leadText {
	margin-bottom: 5%;
}
#contactArea .contactForm th {
	display: block;
	width: 100%;
	text-align: left;
	padding: 0 0 5px 0;
}
#contactArea .contactForm td {
	display: block;
	width: 100%;
	padding: 0 0 10px 0;
}
#contactArea .contactForm input {
	width: 100%;
}
#contactArea .contactForm textarea {
	width: 100%;
	height: 150px;
}


/*voiceSampleArea*/
#voiceSampleArea .voiceSampleBlock .leftArea h3 {
	float: none;
	width: 100%;
	margin-bottom: 0;
}
audio {
	width: 100%;
	max-width: 100%;
	margin-bottom: 13px;
}
#voiceSampleArea .voiceSampleBlock .voiceSampleInn {
	padding: 5%;
}
#voiceSampleArea .voiceSampleBlock .voiceSampleInn .voiceSampleCat p {
	float: none;
}
#voiceSampleArea .voiceSampleBlock .voiceSampleInn .voiceSampleCat ul {
	padding-left: 0;
}

#voiceSampleArea .voiceSampleBlock .voiceSampleInn .voiceSampleCat ul li {
	margin-left: 0;
	margin-right: 10px;
}
#voiceSampleArea .voiceSampleBlock .voiceSampleInn .voiceSampleCat ul li a {
	width: 45px;
	height: 35px;
	line-height: 35px;
}

#privacyArea .privacyBox01,
#privacyArea .privacyBox02 {
	padding: 0;
}


.footer .rightLink {
	position: static;
	margin-bottom: 5px
}


}





/*----------------------------------------------------------------------------
------------------------------------------------------------------------------
------------------------------------------------------------------------------
------------------------------------------------------------------------------
----------------------------------------------------------------------------*/


@media screen and (max-width: 460px) {

#wrapper {
	padding: 4% 0;
}
h2 {
	padding: 0.5% 0 0.5% 20px;
}

.contentsArea {
	margin-bottom: 15%;
}
#itemList {
	margin-bottom: 7%;
	margin-left: 1.0%;
}
#itemList .item {
	width: 99%;
	margin: 4.5% 0 0 0;
}
#itemList .item .newsThum:after {
	padding: 0 0 2px 5px;
}

#itemList .item.actor-talent-model .newsThum:after {
	width: 200px;
}

#newsArea .newsDetail .newsTtlArea {
	padding: 60px 8% 7%;
}
#newsArea .newsContentsArea .bottomArea .snsBtn {
	width: 90%;
	padding-left: 0;
}
#newsArea .newsContentsArea .bottomArea .snsBtn li {
	width: 100%;
}


.talent-index .spTalentTab {
	margin-left: -1.0%;
}
.talent-index .spTalentTab li a {
	width: 49%;
	margin: 0 0 1.0% 1.0%;
}
.talent-index .spTalentTab li.actor-talent-model a {
	font-size: 12px;
}


#talentList {
	margin-bottom: 6%;
	margin-left: 0.4%;
}
#talentList > div {
	margin-bottom: 4%;
}
#talentList h3 {
	margin-bottom: 1%;
	margin-left: -0.4%;
}
#talentDetail .talentInfo #tabBoxes .item .newsTtl {
	height: auto;
}
#talentDetail .talentInfo #tabBoxes #tabBox1 {
	margin-left: 0;
}
#talentDetail .talentInfo #tabBoxes .item {
	width: 100%;
	margin: 0 0 5% 0;
}

#talentDetail .talentInfo #tabBoxes #tabBox3{
	margin-left: 0;
}
#tabBox3 .garallyBox li {
	width: 100%;
	margin: 0 0 5% 0;
}


#talentDetail .talentInfo #tabBox2 #bioNav li {
	width: 33.33%;
}


.bannerArea {
	padding-top: 5%;
	margin-bottom: 3%;
	margin-right: 0;
	margin-left: 0;
}
.bannerArea ul li {
	width: 100%;
	margin: 0 0 3% 0;
}


}

/****      slide      ****/

.metaslider{
    background-color: #ccc;
}

body .metaslider .flexslider ul.slides{
    max-width: 1000px !important;
    margin: 0 auto !important;
}






#talentDetail .rightBox ul.tab_nav{
    background: #a6cc60;
    width: 100%;
    /*margin-bottom: 10px;*/
}

#talentDetail .rightBox ul.tab_nav li{
    float: left;
    width: 50%;
    width: calc(100% / 3);
    text-align: center;
    padding: 3px;
    cursor: pointer;
}
#talentDetail .rightBox ul.tab_nav li span{
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    border-right: solid 1px #fff;
}
#talentDetail .rightBox ul.tab_nav li span:hover{
    color: #666;
}
#talentDetail .rightBox ul.tab_nav li:last-child span{
    border-right: none;
}
#talentDetail .rightBox ul.tab_nav li.active span{
    color: #000;
    font-weight: bold;
}
.tab_content{
    height: 850px;/*仮*/
    display: none;
}
.tab_content.active{
    display: block;
    overflow-y: scroll;
    word-wrap: break-word;
}
#news .news_list li{
    border-bottom: solid 1px #a6cc60;
    min-height: 160px;
    position: relative;
}
#news .news_list li a{
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    position: absolute;
}
#news .news_list li .news_content{
    float: left;
    width: 75%;
    box-sizing: border-box;
}
#news .news_list li.img_none .news_content{
    float: none;
    width: 100%;
    box-sizing: border-box;
}
#news .news_list li .news_content .newsDate{
    font-size: 1.3rem;
    margin-bottom: 10px;
}
#news .news_list li .news_img{
    float: right;
    width: 25%;
    box-sizing: border-box;
}
#profile table,
#profile tr,
#profile td{
    border: none;
}
#biography{
    padding: 10px;
}
#talentDetail .talentProfile #biography h3,
#talentDetail .talentProfile .h3_bio{
    color: #a6cc60;
    border-bottom: solid 1px #a6cc60;
    margin-top: 20px;
    margin-bottom: 10px;
}
#talentDetail .talentProfile #biography h3:first-child,
#talentDetail .talentProfile .h3_bio:first-child{
    margin-top: 0;
}
#talentDetail .talentProfile #biography h3 + div p,
#talentDetail .talentProfile .h3_bio + div p{
    font-size: 14px;
}

#talentDetail .talentProfile #biography h3 span,
#talentDetail .talentProfile .h3_bio span{
    padding-left: 20px;
    font-size: 18px;
}
#talentDetail .talentProfile .bio_box { margin-top:30px; }


/*audition*/
#contactArea h3 { font-size:26px;font-weight:normal;color:#677b90;padding:5px 0 15px 10px;border-top:#9099a1 solid 1px;margin-top:60px; }
#contactArea .auditionInfo{ margin-top:20px;border-collapse:collapse;table-layout:auto; }
#contactArea .auditionInfo tr{ vertical-align:middle;}
#contactArea .auditionInfo tr:nth-child(odd) { background:#f9f9f9;}
#contactArea .auditionInfo td, #contactArea .auditionInfo th { padding:20px 30px;}
#contactArea .auditionInfo th { width:170px;}
#contactArea .contactForm input,#contactArea .contactForm textarea{font-family:'LatoWebLight','Lato Light', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#contactArea .contactForm input[type="radio"]{ width:auto; }
#contactArea .contactForm input[type="file"]{ width:auto;padding:0;background:none;border:none;font-size:15px;}
#contactArea .contactForm input.small{ width:140px; }
#contactArea .contactForm .form_notice{ display:inline-block;margin-top:5px;padding:2px 7px;background:#D0E5AB;font-size:13px; }
.underText a{ text-decoration:underline; color:#677b90; }

@media screen and (max-width: 600px) {
	#contactArea .auditionInfo th, #contactArea .auditionInfo td { display:block; width:100%; padding:10px 15px; }
	#contactArea .auditionInfo th{border-bottom:0;}
	#contactArea .auditionInfo td{border-top:0;padding-top:0;}
	#contactArea .contactForm th, #contactArea .contactForm td{ padding:10px 15px; }
	#contactArea .contactForm th{border-bottom:0;}
	#contactArea .contactForm td{border-top:0;padding-top:0;}
}

/* recruit */
.contentsInner { padding:40px 40px 60px; background:#fff; }
.con_h3 { margin-top:60px; padding:5px 0 15px 10px; color:#677b90; font-size:26px; font-weight:normal; border-top:#9099a1 solid 1px; }
.con_h3:first-child { margin-top:0; }
.con_h4 {
	margin:20px 0; padding:10px 10px 10px 32px; color:#677b90; font-size:22px;font-weight:normal;
	background:#f5f5f6; background-size:33px auto; border-left:#76a6d9 solid 5px; }
.anchorlink { display:flex; justify-content:center; }
.anchorlink li { width:24%; border:1px solid #a9d064; border-radius:4px; }
.anchorlink li + li { margin-left:2%; }
.anchorlink a { display:block; height:100%; padding:15px 15px 30px; color:#677b90; text-align:center; font-size:110%; position:relative; }
.anchorlink a:after { content:""; display:block; width:13px; height:13px; background:url(/img/ico_arrow_green_b.png) 0 0/contain no-repeat; position:absolute; bottom:12px; left:50%; margin-left:-6px; }
.anchorlink a:hover { background:#a9d064; color:#fff; }
.anchorlink a:hover:after { background-image:url(/img/ico_arrow_white_b.png); }
.anchor { margin-top:-60px; padding-top:60px; }
.con_tbl{ margin:20px 0;border-collapse:collapse;table-layout:auto; }
.con_tbl tr{ vertical-align:middle;}
.con_tbl tr:nth-child(odd) { background:#f9f9f9;}
.con_tbl td, .con_tbl th { padding:20px 30px;}
.con_tbl th { width:170px;}
.submitBtn { text-align:center; }
.submitBtn a {
	display:inline-block; width:500px; max-width:100%; padding:10px;
	color:#677b90; font-size:18px; text-decoration:none;
  background:url(/img/ico_arrow_green_r.png) no-repeat 95% center; background-size:13px; border:1px solid #a9d064; border-radius:4px; }
.submitBtn a:hover {
  color:#fff; background:url(/img/ico_arrow_white_r.png) no-repeat 95% center #a9d064; background-size:13px;
	-webkit-transition: .2s linear; -moz-transition: .2s linear; -o-transition: .2s linear; }
#recruit .message { text-align:center; font-size:16px; line-height:2; }
#recruit .message p + p { margin-top:1em; }
#recruit .submitBtn { margin:30px 0; }
#recruit .underText { margin-top:40px; padding-top:40px; border-top:2px solid #a9d064; }
#recruit .underText p + p { margin-top:1em; }

@media screen and (max-width: 1000px) {
	.anchorlink { flex-wrap:wrap; }
	.anchorlink li { width:100%; }
	.anchorlink li + li { margin:2% 0 0; }
}
@media screen and (max-width: 600px) {
	.contentsInner { padding:5% 5% 8%; }
	.con_tbl th, .con_tbl td { display:block; width:100%; padding:10px 15px; }
	.con_tbl th{border-bottom:0;}
	.con_tbl td{border-top:0;padding-top:0;}
	#recruit .message { text-align:left; font-size:14px; line-height:1.7; }
}

/* jukevox */
.juke_staff{line-height:1.8;padding:0 30px;}
.juke_staff .big{font-size:110%;font-weight:bold;}
.juke_staff + .juke_staff{margin-top:20px}
.common-list{margin:0 30px;}
.common-list li{position:relative;padding-left:15px;}
.common-list li:before{content:"";display:block;width:8px;height:8px;background:#76a6d9;border-radius:50%;position:absolute;top:6px;left:0;}
.common-list.juke-list{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.common-list.juke-list li{width:33%;padding-right:1em;}
.result-list li:last-of-type:after {content: " 等";}
#recruit.jukevox .submitBtn{margin-top:60px;}
@media screen and (max-width: 1000px) {
	.common-list.juke-list li{width:50%;}
}
@media screen and (max-width: 600px) {
	.juke_staff{padding:0;}
	.common-list{margin:0;}
	.common-list.juke-list li{width:100%;}
}

/* influencer */
.detail_list{display:flex;flex-direction:column;gap:30px;margin-top:30px;}
.detail_list .box{display:flex;justify-content:flex-start;background:#fff;}
.detail_list .box .photo{width:30%;flex-shrink:0;}
.detail_list .box .photo span{display:block;width:100%;height:0;padding-top:100%;background-size:cover;}
.detail_list .box .profile{width:70%;padding:30px;}
.detail_list .box .name{font-weight:normal;margin-bottom:15px;font-size:18px;}
.detail_list .box .name span:not(.company){font-size:30px;padding-right:10px;}
.detail_list .box .profile h5{background:#e4e4e4;color:#677b90;font-weight:normal;padding:5px 0 2px 15px;font-size:18px;margin-bottom:15px;}
.detail_list .box .profile .siteLink{display:flex;flex-wrap:wrap;}
.detail_list .box .profile .siteLink dl{width:50%;}
@media screen and (max-width: 1000px) {
	.detail_list .box .profile{padding:20px;}
	.detail_list .box .profile .siteLink dl{width:100%;}
}
@media screen and (max-width: 600px) {
	.detail_list{gap:10px;margin-top:10px;}
	.detail_list .box .name{font-size:14px;margin-bottom:10px;}
	.detail_list .box .name span:not(.company){font-size:20px;}
	.detail_list .box .profile table tr,
	.detail_list .box .profile table td{font-size:14px;}
}
@media screen and (max-width: 480px) {
	.detail_list .box{flex-direction:column;}
	.detail_list .box .photo{width:100%;}
	.detail_list .box .profile{width:100%;padding:10px;}
}