/* Team
=================================== */

/* table */

.team-ind-ttl { background:#e33c7d; font-size:120%; padding:0.5em; margin-bottom:10px; color:#fff; }
#team-q8 { margin-bottom:30px; }
.team-ind table { width:100%; }
#team table td, #team table th { font-size:90%; line-height:1.25; padding:8px 6px; }
#team table td, #team table th { border:1px #e086a9 solid; text-align:center; }
#team th { background:#e33c7d; color:#fff; }
#team td.team a { text-align:left; display:flex; }
#team td.team .pic { display:block; width:30px; margin-right:8px; }
#team td a:hover { text-decoration:none; }
#team td a .txt { display:flex; flex:1; font-weight:bold; align-items:center; }
#team td a:hover .txt { background-color:#fff47b; }
#team td.titles { color:#900; background-color:#ffe0e0; text-align:center; font-weight:bold; }

.ft1{ color:#ab8e17; }
.ft2,.ft3,.ft4,.ft5,.ft6,.ft7,.ft8{  color:#cc003a; }
#team .kome{ font-size:90%;  padding:20px 35px 40px;  display:block; line-height:1.5; }

/* team_in */
.team-main { margin-bottom:20px; }
.team-tbl { overflow:auto; }
.team-main div#bx-title { background-repeat:no-repeat; background-position:10px 0; margin-bottom:20px}
.team-main div#bx-title h3 { color:#b41e81; font-size:140%; line-height:140%; background-image:none; background-position:left top; background-repeat:no-repeat; padding:0 0 .2em;}
.team-main div#bx-title p { color:#000; font-size:83%;}
.team-main div#bx-team-ph { margin:0 50px 2em;}
.team-main div#bx-team-ph:after {content:"";clear:both;display:block;}
.team-main div#bx-team-ph p.ph-team { float:left; width:470px; background-position:left top; background-repeat:no-repeat; border:solid 5px #e33c7d; margin:0;}
.team-main div#bx-team-ph p.ph-team span { display:block; font-size:2px; text-indent:-9999px; width:470px; height:310px; background-image:url(/img/cover.gif); background-repeat:repeat; }
.team-main div#bx-team-ph div.mov_team { float:left; width:470px; }
.team-main div#bx-team-ph div.ph-coarch-box { float:right; width:320px;}
.team-main div#bx-team-ph div.ph-coarch-2col:after {content:"";clear:both;display:block;}
.team-main div#bx-team-ph p.ph-coarch { width:100px; float:left; background-position:left top; background-repeat:no-repeat; background-size:cover; border:solid 5px #e33c7d; margin:0 auto;}
.team-main div#bx-team-ph p.ph-coarch span { display:block; font-size:2px; text-indent:-9999px; width:100px; height:117px; background-image:url(/img/cover.gif); background-repeat:repeat; }
.team-main div#bx-team-ph div.ph-coarch-2col-r { float:right; width:200px; text-align:center; }
.team-main div#bx-team-ph p.p-coarch { margin:10px 0; font-size:85%; line-height:1.25; width:100%; text-align:center; }
.team-main div#bx-team-ph p.p-cmnt { width:100%; font-size:85%; border:#e33c7d 2px solid; box-sizing:border-box; padding:.6em; margin:.5em auto; line-height:130%;}
.team-main div#bx-team-ph div.ph-coarch-2col-r p.p-cmnt { width:auto; display:inline-block; }
.team-main div#bx-team-ph p.p-cmnt .ttl { display:inline-block; margin-right:0.5em; padding:0.2em 0.4em; background-color:#e33c7d; color:#fff; font-weight:bold; }

.team-main table { width:100%;}
.team-main table td,.team-main table th { line-height:160%; }
.team-main table th { white-space:nowrap; }
.team-main table td.face { width:100px; }
.team-main table td.face div { background-position:left top; background-repeat:no-repeat; width:100px; height:120px; }
.team-main table td.face div span { display:block; background-image:url(/img/cover.gif); background-repeat:repeat; }
.team-main table td.face div span img { width:100px; height:120px; }
.team-main table td { text-align:center; }
.team-main table td.name { width:6em!important; min-width:6em!important; max-width:6em!important; font-weight:700; color:#e40073; text-align:left; /*white-space:nowrap;*/ }

.team-main table td.prm,.team-main table td.msg { text-align:left !important;}
.team-main table td.prm p,.team-main table td.msg p{padding:.1em .5em; line-height:140%;}
.team-main table td.prm span.about,.team-main table td.msg span.about{display:inline-block; margin:0 0 .2em; font-weight:bold; color:#E33C7C; border-left:2px solid #E33C7C; padding:.1em .5em;}

.team-link h4 { background:#e33c7d; border:1px solid #e086a9; border-bottom:none; margin-bottom:0; }
.team-link h4 span { color:#fff; display:block; font-size:120%; padding:0.5em; }
.team-link .team-list { border:1px solid #e086a9; padding:10px 10px 0 10px; margin-bottom:15px; border-top:none; }
.team-link .team-list h5 { background:#e33c7d; color:#fff; margin-bottom:5px; padding:0.5em; }
.team-link .team-list ul { list-style-type:none; margin-bottom:15px; }
.team-link .team-list ul li { display:inline-block; border-right:#333 1px solid; padding-right:0.5em; margin:0 0.5em 0.5em 0; }
.team-link .team-list ul li:last-child { border-right:none; padding-right:0; margin:0 0 0.5em 0; }
.team-link .team-list ul li a { display:block; font-weight:700; padding:3px 0 2px; }
.team-link .team-list ul li a:hover { background-color:#fff47b; text-decoration:none; }
.team-link .link_bt { font-weight:bold; }


/* ------------ Media Queries ------------ */

@media all and (max-width: 767px) {

/* team_in */

.team-main div#bx-team-ph { width:auto; margin:0 auto 1em;}
.team-main div#bx-team-ph p.ph-team { float:none; margin:0 auto 15px auto; background-size:cover; }
.team-main div#bx-team-ph div.mov_team { float:none; width:auto; }
.team-main div#bx-team-ph div.ph-coarch-box { float:none; margin:0 auto; width:90%;}
.team-main div#bx-team-ph p.ph-coarch { float:none; }
.team-main div#bx-team-ph div.ph-coarch-2col-r { float:none; width:auto; text-align:left; }
.team-main div#bx-team-ph div.ph-coarch-2col-r p.p-cmnt { display:block; }
.team-link { font-size:90%; }

.team-tbl {font-size:95% !important;}
.team-main table td{font-size:85% !important;}
.team-main table td.prm p,.team-main table td.msg p{padding:0 .3em;}
.team-main table td.prm span.txt,.team-main table td.msg span.txt{display:inline-block;
font-size-adjust :100%;
-webkit-text-size-adjust: 100%;}
}

@media all and (max-width: 499px) {

/* team_in */

.team-main div#bx-team-ph p.ph-team { width:290px; }
.team-main div#bx-team-ph p.ph-team span { width:290px; height:197px; }

.team-main table td.face { width:80px; }
.team-main table td.face div { background-size:cover; width:80px; height:96px; }
.team-main table td.face div span img { width:80px; height:96px; }
}