@charset "utf-8";

/* ####################################### */
/* PINES TALENT */
/* ####################################### */
.talentnote {
margin-bottom: 3em;
display: inline-block;
width: 85%;
max-width: 560px;
vertical-align: top;
}
.talentnote p {margin: 0.2em 0;}
/* タレントの名前の設定 */
.talent-name {
font-size: 115%;
font-weight: bold;
border-bottom: 1px solid #fcd157;
}
.talent-name span {
padding-left: 0.5em;
color: #888888;
font-size: 85%;
}

/* 所属タレントリストの設定 */
.thumbimg {display: inline-block; width: 15%; min-width: 90px; max-width: 90px; vertical-align: top;}
.thumbimg img {
width: 80px;
height: 80px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.menBorder img {border: 2px solid #3399cc;}
.womenBorder img {border: 2px solid #ea6390;}
.trainBorder img {border: 2px solid #996666;}

/* プロフィールを見るの設定 */
.prf-link {
height: 20px;
float: right;
width: 40%;
white-space: nowrap;
line-height: 20px;
font-size: 80%;
text-align: center;
color: #ffffff;
background-color: #fcd157;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.prf-link a {
display: block;
padding: 0 1em;
width: 100%;
height: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.prf-link a, .prf-link a:link, .prf-link a:visited {color: #ffffff; text-decoration: none;}
.prf-link a:active, .prf-link a:hover {background-color: #888888; text-decoration: none;}

/* 業務提携、エンタテインメント、MUSICIANS、キャスティングの設定 */
.talent-box, .cast-box {
margin: 1em 0;
padding: 0.5em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
}
.cast-box {float: left; margin: 1em 0.8em; width: 140px;}
.bsns-bdr {border: 2px solid #3fdbff;}
.enta-bdr {border: 2px solid #ffb78a;}
.music-bdr {border: 2px solid #afce31;}
.cast-bdr {border: 2px solid #00b3b6;}
.men-bdr {border: 2px solid #3399cc;}
.women-bdr {border: 2px solid #ea6390;}
#castingMen h1, #castingWomen h1, #castingBoys h1, #castingGirls h1 {margin-top: 1em; font-size: 120%; font-weight: bold;}

.talent-box div {display: inline-block; vertical-align: top;}
.profile-box h1 {font-size: 115%; font-weight: bold;}
.profile-box h1 span {padding-left: 1em; font-size: 80%; font-weight: normal;}
.talent-box div img {margin-right: 0.5em; width: 120px; height: 160px; vertical-align: bottom;}
.cast-box div img {width: 120px; height: 160px; vertical-align: bottom;}
.profile-box h1.cast-name {font-size: 100% !important; white-space: nowrap; overflow: hidden;}
.profile-box p.cast-enname {font-size: 80%;}
.lecture-ok, .talk-ok, .guest-ok {
display: inline-block;
margin-right: 0.5em;
padding: 0 1em;
height: 20px;
white-space: nowrap;
line-height: 20px;
font-size: 80%;
text-align: center;
color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.lecture-ok {background-color: #22b573;}
.talk-ok {background-color: #f15a24;}
.guest-ok {background-color: #0071bc;}

/* 業務提携、エンタテインメント、MUSICIANS、キャスティングのプロフィールを見るの設定 */
.profile-view, .profile-cast-view {
margin-top: 1.5em;
height: 20px;
white-space: nowrap;
line-height: 20px;
font-size: 80%;
text-align: center;
color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.profile-view {width: 12em;}
.profile-cast-view {width: 100%;}
.profile-view a, .profile-cast-view a {
display: block;
width: 100%;
height: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.profile-view a, .profile-view a:link, .profile-view a:visited, 
.profile-cast-view a, .profile-cast-view a:link, .profile-cast-view a:visited {color: #ffffff; text-decoration: none;}
.profile-view a:active, .profile-view a:hover, 
.profile-cast-view a:active, .profile-cast-view a:hover {background-color: #888888; text-decoration: none;}

/* 個人プロフィールの設定 */
#person-name {
margin: 1em 0;
padding: 0.2em 0;
color: #ffffff;
background-color: #888888;
text-indent: 1em;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
}
#person-name span {color: #ffffff; font-size: 85%;}
/* 投稿情報 */
.prf-option {text-align: right; font-size: 80%;}
.prf-option span {margin: 0 0 0 10px;}
.prf-option span.printProfile {
white-space: nowrap;
line-height: 20px;
font-size: 80%;
text-align: center;
color: #ffffff;
background-color: #00b3b6;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.prf-option span.printProfile a {
padding: 0.5em 1em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.prf-option span.printProfile a, .prf-option span.printProfile a:link, .prf-option span.printProfile a:visited {color: #ffffff; background-color: #00b3b6; text-decoration: none;}
.prf-option span.printProfile a:active, .prf-option span.printProfile a:hover {background-color: #444444; text-decoration: none;}

/* プロフィール写真 */
#person-photos {float: left; margin-bottom: 2em; width: 250px;}
#main-image {margin: 0 0 10px 0;}
#main-image img {border: 2px solid #00b3b6;}

/* プロフィール */
#person-note {float: right; margin-bottom: 2em; width: 400px;}
#person-note dl {margin: 0 0 2em 0;}
#person-note dl dt {display: inline-block; vertical-align: top; margin-bottom: 0.5em; width: 7em; font-weight: bold;}
#person-note dl dd {display: inline-block; vertical-align: top; margin-bottom: 0.5em; width: 70%;}
#person-note dl dd a, #person-note dl dd a:link, #person-note dl dd a:visited {color: #3da9d5; text-decoration: underline;}
#person-note dl dd a:active, #person-note dl dd a:hover {text-decoration: none;}

/* キャスティング */
#person-photos-casting {margin-bottom: 2em; width: 100%; text-align: center;}
#main-image-casting {display: inline-block; margin: 0 1em;}
#sub-image-casting {display: inline-block; margin: 0 1em;}
#main-image-casting img, #sub-image-casting img {border: 2px solid #00b3b6;}
#person-works dl {padding: 0 1em;}
#person-works dl dt {display: inline-block; vertical-align: top; margin-bottom: 0.5em; width: 6em; font-weight: bold;}
#person-works dl dd {display: inline-block; vertical-align: top; margin-bottom: 0.5em; width: 79%;}
#person-works dl dd a, #person-works dl dd a:link, #person-works dl dd a:visited {color: #3da9d5; text-decoration: underline;}
#person-works dl dd a:active, #person-works dl dd a:hover {text-decoration: none;}
#person-works p.casting-cmt {margin-top: 1em; font-size: 100%;}
#person-works p.casting-cmt strong {display: block; font-weight: bold;}

/* 問い合わせの設定 */
#ask {
margin: 0.5em 0;
padding: 0.2em 0.5em;
background-color: #fcd157;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#ask span {padding: 0 5px 0 0;}
#ask a {display: block; width: 100%; height: 100%;}
#ask a, #ask a:link, #ask a:visited {color: #ffffff; text-decoration: none;}
#ask a:active, #ask a:hover {}

/* プロフィール 職歴 */
#person-works {clear: both;}
#person-works h2 {
margin: 1em 0 0.5em 0;
padding: 0.2em 0;
color: #ffffff;
background-color: #888888;
text-indent: 1em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#person-works h3 {font-weight: bold; color: #000000;}
#person-works p {
margin: 0.5em 0 1em 0;
padding: 0 0 0 1em;
font-size: 90%;
}
#person-works p a, #person-works p a:link, #person-works p a:visited {color: #3da9d5; text-decoration: underline;}
#person-works p a:active, #person-works p a:hover {text-decoration: none;}

/* ####################################### */
/* サイドメニュー */
/* ####################################### */
#cat-male, #cat-male a {color: #3399cc; text-decoration: none; cursor: pointer;}
#cat-female, #cat-female a {color: #ea6390; text-decoration: none; cursor: pointer;}
#cat-training, #cat-training a {color: #996666; text-decoration: none; cursor: pointer;}
#cat-acalino, #cat-acalino a {color: #e30b20; text-decoration: none; cursor: pointer;}
#cat-business, #cat-business a {color: #3fdbff; text-decoration: none; cursor: pointer;}
#cat-entertain, #cat-entertain a {color: #ffb78a; text-decoration: none; cursor: pointer;}
#cat-musicians, #cat-musicians a {color: #afce31; text-decoration: none; cursor: pointer;}
#cat-casting, #cat-casting a {color: #00b3b6; text-decoration: none; cursor: pointer;}
#cat-e-sports, #cat-e-sports a {color: #062e7d; text-decoration: none; cursor: pointer;}

#cat-male, #cat-female, #cat-training, #cat-acalino, #cat-business, #cat-entertain, #cat-musicians, #cat-casting, #cat-e-sports {
position: relative;
margin: 1em 0;
}
#cat-male .icon-s-menu_down, #cat-female .icon-s-menu_down, #cat-training .icon-s-menu_down, #cat-acalino .icon-s-menu_down, #cat-business .icon-s-menu_down, #cat-entertain .icon-s-menu_down, #cat-musicians .icon-s-menu_down, #cat-casting .icon-s-menu_down, #cat-e-sports .icon-s-menu_down {
position: absolute;
right: 0;
top: 0.5em;
}

.talent-cat {
margin-bottom: 1.5em;
padding-left: 1em;
list-style: circle inside;
}

/* ####################################### */
/* Responsive Tablet Display */
/* ####################################### */
@media screen and (min-width: 768px) and (max-width: 979px) {
.talentnote {width: 75%;}
#person-photos {float: none; margin-left: auto; margin-right: auto; width: 250px;}
#person-note {float: none; width: 100%;}
#ask {text-align: center;}

.talent-box div {width: 100%;}
.cast-box {float: none; display: inline-block; margin: 1em 0.2em; width: 140px;}

} /* End 768px-959px */

/* ####################################### */
/* Responsive SmartPhone Display */
/* ####################################### */
@media only screen and (max-width: 767px) {
.talentnote {margin-bottom: 3em; display: block; width: 100%; max-width: none; border-bottom: 1px dashed #dddddd;}
.thumbimg {display: block; margin: auto; width: 100%; min-width: 80px; max-width: 80px;}
.prf-link {float: none; width: 100%;}
.sv-container {float: none; width: 100%; padding: 1em 0;}

#person-photos {float: none; margin-left: auto; margin-right: auto; margin-bottom: 2em; width: 100%; text-align: center;}
#person-note {float: none; width: 100%;}
#person-note dl dt, #person-note dl dd, #person-works dl dt, #person-works dl dd {width: 100%;}

.talent-box div {width: 100%;}
.cast-box {float: none; margin: 1em 0em; width: 100%;}
.cast-box div {text-align: center;}
.cast-box .profile-box h1, .cast-box .profile-box p {display: inline-block;}
.profile-box h1.cast-name {display: block; font-size: 100% !important; white-space: normal; overflow: auto;}
.profile-box p.cast-enname {display: block; font-size: 80%;}

} /* End 0px-767px */

/* ####################################### */
/* Ratina Display */
/* ####################################### */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

} /* End Retina */