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

/* table */

.team-ind-ttl { background:#835005; font-size:120%; padding:0.5em; margin-bottom:10px; color:#fff; }
.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 #835005 solid; text-align:center; }
#team th { background:#835005; color:#fff; }
#team td.team a { text-align:left; display:flex; }
#team td.team .pic { display:inline-block; vertical-align:middle; 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.titles { color:#900; background-color:#ffe0e0; text-align:center; font-weight:bold; }

.team-tbl { overflow:auto; }
#team-index .team-tbl { margin-bottom:30px; }

/* team-index pre */
#team-index table td:nth-child(2) { width:9.0em; }
#team-index table td:nth-child(3) { width:7.0em; }
@media all and (max-width: 767px) {
#team table tr td:nth-child(2) { width:5.0em; }
#team table tr td:nth-child(3) { width:4.0em; }
}

#team .kome{ font-size:90%;  padding:20px 35px 40px;  display:block; line-height:1.5; }

/* team_in */
.team-main { margin-bottom:20px; }
.team-main div#bx-title { background-repeat:no-repeat; background-position:10px 0; margin-bottom:20px}
.team-main div#bx-title h3 { color:#835005; font-size:140%; line-height:1.25; background-image:none; background-position:left top; background-repeat:no-repeat; padding:0 0 10px 0; margin-bottom:0}
.team-main div#bx-title p { color:#000; font-size:83%; line-height:1.25; }
.team-main div#bx-team-ph { margin:0 0 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 #f9d253; }
.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.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 #f9d253; 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:0 0 15px 0; font-size:95%; font-weight:700; color:#835005; line-height:1.25; width:100%; }
.team-main div#bx-team-ph p.p-cmnt { width:100%; font-size:85%; padding:.6em; margin:.5em auto; box-sizing:border-box; border:#f9d253 2px solid; 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:#835005; 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; background-size:cover; 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 { font-weight:700; color:#835005; text-align:left; width:80px; min-width:5.0em; }

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

.team-main table td.prm, .team-main table td.msg { text-align:left!important; }
.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:#835005; border-left:2px solid #835005; padding:.1em .5em;}

.team-main .mov-box { margin-top:20px; }

.team-link h4 { background:#835005; border:1px solid #835005; 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 #835005; padding:10px 10px 0 10px; margin-bottom:15px; border-top:none; }
.team-link .team-list h5 { background:#835005; 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%;}
.team-main table { table-layout: auto !important; }
.team-main table td.face { width: 70px !important; padding: 4px !important; }
.team-main table td.face div { width: 70px !important; height: 84px !important; }
.team-main table td.face div span img { width: 70px !important; height: 84px !important; }
.team-main table td.name { width: 6.0em !important; min-width: 6.0em !important; white-space: normal !important; word-break: break-all !important; padding: 4px !important; }
#team table tr td:nth-child(2), #team table tr td:nth-child(3) { width: auto !important; }
}

@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; }
.team-main table td.face { width: 60px !important; }
.team-main table td.face div, .team-main table td.face div span img { width: 60px !important; height: 72px !important; }
.team-main table td.name { width: 5.5em !important; min-width: 5.5em !important; }
}
