/* ---------------------------------------------------------------------------------
subpage */

#contents{ margin-top: 118px;}

#catHeader.def{ background: #221f20; padding: 50px 0; margin-bottom: 50px;}
#catHeader h1{ text-align: center; color: #ad9b4d;font-family: 'PT Serif', serif; font-size: 24px; font-weight: normal; letter-spacing: 0.1em;}
#catHeader p{ text-align: center; color: #fff; font-size: 14px;}

#catHeader.thc{ background: #221f20; padding: 50px 0; margin-bottom: 50px;}
#catHeader.thc >.inner{ width: 1000px;margin: 0 auto;}

#catHeader.thc h1{ width: 300px; margin: 0 auto 50px;}
#catHeader.thc ul{
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 25px;
row-gap: 25px;}

@media(max-width:750px){

#catHeader h1{ font-size: 36px; font-weight: normal; letter-spacing: 0.1em;}
#catHeader p{  font-size: 20px;}

#contents{ margin-top: 100px;}
#catHeader.thc h1{ width: 300px; margin: 0 auto 50px;}
#catHeader.thc >.inner{ width: auto;margin: 0 auto;}
    
 #catHeader.thc ul{
     padding: 0 50px;
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 5px;
row-gap: 5px;}   
    
    
}


.h2Box{ border-bottom: 17px solid #ccbd7B; display: inline-block;padding:0 20px; position: relative; margin-bottom: 30px; min-width: 300px;}
.h2Box h2{display: inline-block; position: relative; bottom: -10px; font-size: 24px; letter-spacing: 0.04em;}



.sec{ width: 1000px; margin: 0 auto 50px;}
.sec h3{ padding: 0 20px 10px;}
.sec p{ padding: 0 20px 20px;}

.crm2Box{ margin: 0 20px; display: table;}
.crm2Box .imgBox{ display: table-cell; vertical-align: top; width: 270px;}
.crm2Box .txtBox{ display: table-cell; vertical-align: top; padding-left: 20px;}

.ceo .gree{ margin-bottom: 0; padding-bottom:1em; font-size: 100%;}
.ceo .name{ text-align: right; margin-bottom: 40px;font-size: 100%;}
.ceo .name:last-child{margin-bottom: 0;}


.stArea{ margin-left: 20px;}

.st01{ width: 400px; float: left;}
.st02{ width: 300px; float: left;}


@media(max-width:750px){
    
    
.h2Box{ border-bottom: 17px solid #ccbd7B; display: inline-block;padding:0 20px; position: relative; margin-bottom: 30px; min-width: 300px;}
.h2Box h2{display: inline-block; position: relative; bottom: -10px; font-size: 35px; letter-spacing: 0.04em;}

.sec{ width: auto; margin: 0 auto 50px; padding: 0 50px;}
.sec p{ padding: 0 20px 20px;} 
    
.crm2Box{ margin: 0 20px; display: table;}
.crm2Box .imgBox{ display: block; vertical-align: top; width: auto; margin-bottom: 20px; text-align: center;}
    .crm2Box .imgBox img{width: 70%}
.crm2Box .txtBox{ display: block; vertical-align: top; padding-left: 0;}
.sec .crm2Box .txtBox p{ padding: 0 0 20px;}

}


#contact{ padding: 70px 0}
#contact ul{ text-align: center;}
#contact ul li{ font-size:35px;font-family: 'Roboto', sans-serif; line-height: 1em; text-align: center; padding-bottom: 0.4em; font-weight: 800;}



@media(max-width:750px){

}




.setTable{ margin-bottom:25px; padding: 0;}
.setTable dl{ display:table; font-size:90%;}

.setTable dt{ display:table-cell;padding-right:25px; padding-bottom:25px;}
.setTable dt span{ width:100px; padding:8px 0; text-align:center; border:2px solid #ccbd7B; background:#ad9b4d; color:#fff; display:block; box-sizing:border-box;}

.setTable dd{ display:table-cell;padding:8px 0 25px 0;}

@media(max-width:750px){

.setTable{ margin-bottom:25px;}
.setTable dl{ display:block; font-size:100%;}

.setTable dt{ display:block;padding-right:25px; padding-bottom:25px;}
.setTable dt span{ width:200px; padding:8px 0; text-align:center; border:2px solid #ccbd7B; background:#ad9b4d; color:#fff; display:block; box-sizing:border-box;}

.setTable dd{ display:block;padding:8px 0 25px 50px; font-size: 100%;}
    
    
.st01{ width: auto; float: none;}
.st02{ width: auto; float: none;}


}

.contentsList{padding: 20px; background: #eaeaea; margin-bottom: 30px;}
.contentsList h3{font-family: 'Roboto', sans-serif; font-size: 20px; margin-bottom: 0.4em; font-weight: 800;}
.contentsList ol{ }
.contentsList li{margin-left: 20px;}


@media(max-width:750px){
.contentsList h3{ font-size: 30px; margin-bottom: 0.6em; }
.contentsList{padding: 50px; background: #eaeaea; margin-bottom: 30px;}
.contentsList li{margin-bottom: 10px;}
.contentsList li:last-child{margin-bottom: 0;}
}



.manageOne{ margin: 0 15px; padding-bottom: 50px; background:url(/common/images/bar03.png) no-repeat center bottom; background-size:auto 8px}
.manageOne >.inner{padding-top: 50px;}
.manageOne .imgAndName{ display: table;}
.manageOne .imgBox{ width: 130px; display: table-cell; vertical-align: middle;}
.manageOne .nameArea{ display: table-cell; vertical-align: middle; padding-left: 60px;}
.manageOne .nameArea p.yaku{ padding-left: 0;padding-bottom: 5px;; font-size: 90%;}
.manageOne .nameArea h3{ font-size: 26px; padding-bottom: 5px; padding-left: 0;;}
.manageOne .nameArea p.ruby{ padding-left: 0; padding-bottom: 0;}

.manageOne .profileText{ margin-left: 170px; padding-bottom: 0;}

@media(max-width:750px){

.manageOne .profileText{ margin-left: 0; padding-bottom: 0; padding-top: 30px;}
    .sec .manageOne p.profileText{padding-left: 0;}
}





.talentPage #contents{ border-top: 5px solid #aaa; padding-top: 50px;}

#artist_MainArea{ }
#artist_MainArea.tate{margin-bottom: 50px;}
#artist_MainArea.tate >.inner{ width: 1000px; margin: 0 auto; }
#artist_MainArea.tate .imgBox{ width:390px; float: left;}
#artist_MainArea.tate .txtBox{ width: 530px; float: right;padding-top: 60px;}

#artist_MainArea p.category{margin-bottom: 0.5em; color: #888}

#artist_MainArea.yoko{margin-bottom: 50px;}
#artist_MainArea.yoko >.inner{ width: 1000px; margin: 0 auto; }
#artist_MainArea.yoko .imgBox{ width:1000px; float: none;}
#artist_MainArea.yoko .txtBox{ width: 700px; float: none;padding-top: 60px; margin: 0 auto;}


@media(max-width:750px){
    

.talentPage #contents{ border-top: 4px solid #000; padding-top: 0;}


#artist_MainArea.tate{margin-bottom: 50px;}
#artist_MainArea.tate >.inner{ width: auto; margin: 0 auto; }
#artist_MainArea.tate .imgBox{ width:auto; float: none;}
#artist_MainArea.tate .txtBox{ width: auto; float: none;padding-top: 60px;padding: 50px;}
    
#artist_MainArea.yoko >.inner{ width: auto; margin: 0 auto; }
#artist_MainArea.yoko .imgBox{ width:auto; float: none;}
#artist_MainArea.yoko .txtBox{ width: auto; float: none;padding-top: 60px; margin: 0 auto; padding: 50px;}
}


#artist_MainArea .nameArea{padding-bottom: 20px; background: url(/common/images/bar01.png) repeat-x left bottom;background-size: auto 10px; margin-bottom: 20px;}
#artist_MainArea .nameArea h1{ font-weight: normal; font-size: 30px; margin-bottom: 15px;}
#artist_MainArea .nameArea .ruby{ font-weight: normal; font-size: 14px;font-family: 'PT Serif', serif; color: #79591a; letter-spacing: 0.2em;}

dl.TBL_yoko{ display: table; width: 100%; padding-bottom: 0px; margin-bottom: 6px;}
dl.TBL_yoko dt{ display: table-cell; width: 100px; color: #79591a;font-size: 14px;font-family: 'PT Serif', serif;}
dl.TBL_yoko dd{ display: table-cell; font-size: 90%;}

dl.TBL_tate{ width: 100%;}
dl.TBL_tate dt{ width: 100px; color: #79591a;font-size: 14px;font-family: 'PT Serif', serif;}
dl.TBL_tate dd{ font-size: 90%; line-height: 1.8em;}

.snsArea{ margin-top: 30px; padding-top: 30px; border-top: 1px solid #bbb;}
.snsArea li{ width: 30px; display: inline-block; margin-right: 10px;}
.snsArea li:last-child{margin-right: 0;}


@media(max-width:750px){
#artist_MainArea .nameArea h1{  font-size: 40px; }
#artist_MainArea .nameArea .ruby{ font-weight: normal; font-size: 20px;}


dl.TBL_yoko dt{ width: 110px;font-size: 20px;}
dl.TBL_yoko dd{ display: table-cell; font-size: 25px;}
dl.TBL_tate dt{ width: 100px; font-size: 20px;}
dl.TBL_tate dd{ font-size: 25px; line-height: 1.8em;}
    
.snsArea{ margin-top: 30px; padding-top: 30px; border-top: 1px solid #bbb;}
.snsArea li{ width: 70px; display: inline-block; margin-right: 20px;}
.snsArea li:last-child{margin-right: 0;}
}





#artist_photograph{ width: 1000px; margin: 0 auto; padding: 30px; box-sizing: border-box; border: 1px solid #bbb; margin-bottom: 15px;}
#artist_photograph >.inner{}

#artist_photograph h2{color: #79591a;font-size: 20px;font-family: 'PT Serif', serif; margin-bottom: 15px;}

#artist_photograph ul{
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 15px;
row-gap: 15px;}


@media(max-width:750px){

    #artist_photograph h2{ font-size: 24px;}
    #artist_photograph{ width: auto; margin: 50px; }
    #artist_photograph ul{
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 15px;
row-gap: 15px;}
}





#artist_movie{ width: 1000px; margin: 0 auto; padding: 30px; box-sizing: border-box; border: 1px solid #bbb;margin-bottom: 30px;}
#artist_movie >.inner{}

#artist_movie h2{color: #79591a;font-size: 20px;font-family: 'PT Serif', serif; margin-bottom: 15px;}

#artist_movie ul{
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 15px;
row-gap: 15px;}


@media(max-width:750px){
    #artist_movie{ width: auto; }
}





.careerAndBnrs{ width: 1000px; margin: 0 auto; padding-top: 20px;border: 1px solid #bbb; padding: 30px; box-sizing: border-box; margin-bottom: 30px;}

#artist_Career{ width: 100%; }
#artist_Career h2{color: #79591a;font-size: 20px;font-family: 'PT Serif', serif; margin-bottom: 0;padding-bottom: 20px; border-bottom: 1px solid #d7d7d7; padding-left: 0;}


.crmList{ width: auto; }

.crmList:first-child{ float: left;}
.crmList:last-child{ float: right;}

.crmList ul:last-child{ border-bottom: none;}
.crmList li{ padding: 15px; border-top: 1px solid #d7d7d7; position: relative;}
.crmList li:last-child{ border-bottom: none; padding-bottom: 0;}

.crmList .date{font-size: 13px; position: absolute; top: 15px; left: 30px;}
.crmList h3{ font-size: 16px; font-weight: normal;}
.crmList li div{ padding-left: 180px;}

.crmList li p{ line-height: 1.5em; margin-bottom: 0.5em;}

.crmList li p:last-child{margin-bottom: 0;}

@media(max-width:750px){
    #artist_Career{ width: auto; float: none; margin: 0 50px;}
    #artist_Career h2{ font-size: 30px; padding-left: 0;}
    .careerAndBnrs{ width: auto;}
    .crmList .date{font-size: 20px;position: relative; top: 15px; left: 30px; }
    .crmList li{padding-left:0;}
.crmList li div{ padding-left: 0;}
    .crmList li div p{ padding-left: 30px;padding-top: 15px;}
}


#artist_Bnrs{ width: auto; }

#artist_Bnrs ul{
    width: 100%;
    margin: 0 auto ;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 15px;
    row-gap: 15px;  
    
    
}
#artist_Bnrs li{ margin-bottom: 20px;}


@media(max-width:750px){

#artist_Bnrs{ width: auto; float: none; margin: 0 50px;}

#artist_Bnrs ul{
    width: 100%;
    margin: 0 auto ;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 10px;
    row-gap: 10px;  
    
    
}

}






.profCareer{padding-top: 0.5em; padding-left: 0.53em;}
.profCareer li{padding-bottom: 0.5em;}
.profCareer .date{font-weight: normal; color: #555;font-size: 90%;}
.profCareer p{padding-left: 1em;margin-bottom: 0.7em;line-height: 1.3em;font-weight: bo;}


p.crJl{ border-top:1px solid #ad9b4d; border-bottom:1px dashed #c9be91;padding: 0.5em; font-size: 100%;  color: #ad9b4d; line-height: 1em;margin-top: 0.7em;margin-bottom: 0.5em;}


p.crYear{  color: #ad9b4d;text-indent: -0.5em;}


@media(max-width:750px){

    
}



.audiFlow{ background: #ddd; width: 700px; margin:0 auto; padding: 40px; box-sizing: border-box;}
.audiFlow dt{ text-align: left;color: #333;font-size: 20px; margin-bottom: 0;padding-bottom: 20px; border-bottom: 1px solid #d7d7d7; font-weight: 800;}
.audiArw{ text-align: center; font-size: 40px; color: #ddd;}

.ouboH3{ margin-left: 20px; border-bottom: 1px dashed #888; padding-bottom: 0.5em; margin-bottom: 0.5em;padding-top: 30px;}


@media(max-width:750px){
    .audiFlow{ background: #ddd; width: auto;}
    
    
}

.checkList{ list-style: circle;}
.checkList li{margin-left:40px; margin-bottom: 0.9em; line-height: 1.4em;}

.checkList2{ list-style:disc; background: #ccc; padding: 20px;}
.checkList2 li{margin-left:20px; margin-bottom: 0.4em; }





.entryList_qa article{padding: 0 0 30px 30px; width: auto; border-bottom: 1px dotted #999; margin-bottom: 30px;}
.entryList_qa article dl{}
.entryList_qa article dt{ margin-bottom:1em; }
.entryList_qa article dd{ position: relative; left: 36px;}
.entryList_qa article span.qa_q{ font-size: 120%;  font-weight: bold; }
.entryList_qa article span.qa_a{ font-size: 120%;  font-weight: bold; }

@media(max-width:750px){

.entryList_qa article{padding: 0 0 30px 30px; width: auto; border-bottom: 2px dotted #999; margin-bottom: 30px;}
.entryList_qa article dd{ position: relative; left: 0; margin-left: 0;}
}









.audiLogos{ width: 700px; margin: 0 auto; text-align: center; margin-top: 20px; padding-top:20px; border-top: 1px solid #444;}
.audiLogos li{ width: auto; height: 90px; display: inline-block; margin-right: 30px;}
.audiLogos li:last-child{ margin-right: 0;}
.audiLogos li img{ height: 100%;}

@media(max-width:750px){
    .audiLogos{ width: 600px; }
    .audiLogos li{ margin-right: 15px;}
.audiLogos li img{ width: auto;height: 100%;}
    
    
    
}




.talentList ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 15px;
row-gap: 15px;}

.talentList ul li p.category{font-size: 12px;margin-bottom: 0.2em; color: #888; line-height: 1em; padding: 10px 0 2px !important; text-align: center;}
.talentList ul li h2{ font-weight: normal; font-size: 20px; margin-bottom: 5px; text-align: center;}
.talentList ul li .ruby{ font-weight: normal; font-size: 12px;font-family: 'PT Serif', serif; color: #79591a; letter-spacing: 0.2em; padding: 0 !important; text-align: center; line-height: 1.2em;}

@media(max-width:750px){

.talentList ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 15px;
row-gap: 15px;}
    
.talentList ul li p.category{font-size: 12px;margin-bottom: 0; color: #888; padding:10px 0 5px !important; text-align: center; line-height: 1.3em;}
.talentList ul li h2{ font-weight: normal; font-size: 24px; margin-bottom: 5px; text-align: center;}
.talentList ul li .ruby{ font-weight: normal; font-size: 12px;font-family: 'PT Serif', serif; color: #79591a; letter-spacing: 0.2em; padding: 0 !important; text-align: center; line-height: 1.2em;}
}






.dlTable {
    width: 100%; /* �?ーブルの横�?�?500pxに�?�? */
    display: flex; /* 子要�?のdtとddを横並びにする */
    flex-wrap: wrap; /* 1つのdtとddで1行になるよ�?改行させる */ 
    margin:0 auto 10px;
    color: #000;
}

.dlTable dt,
.dlTable dd {
    box-sizing: border-box; /* widthの計算を楽にするため */
    padding-bottom: 0.1em;
font-style: normal;
}
.dlTable dt {
    font-size: 16px; /* フォントサイズ�?16pxに�?�? */
    width: 30%; /* dt?��見�?�し�??目?���?�横�?�?200pxに�?�? */
    font-weight: normal;
    text-align: left;
    padding-right: 20px; box-sizing: border-box;
}
.dlTable dd {
    width: calc(100% - 30%); /* �?ーブル�?からdtを引いた�??の横�?を指定�? */
    font-size: 16px; /* フォントサイズ�?16pxに�?�? */
    font-weight: normal;
    line-height: 1.8em;
}

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:750px) {

    .dlTable {
        width: 100%; /* 横�?をpxではなく、�?�?っぱ�?に�?定�? */
        border-left: none; /* �?ーブルの左の線を消す */
        display: block; /* 横並びにさせな�?ようブロ�?ク要�?にする */
        margin-bottom: -10px;
    }
    .dlTable dt,
    .dlTable dd {
        border-right: none; /* セルの右の線を消す */
        width: 100%; /* 横�?を�?�?っぱ�?に�?�? */
        padding: 10px 0; /* �?セルに余白を取�? */
        text-align: center;
    }
    .dlTable dt {
        border-bottom: none; /* 下�?�線を消す?�?ddの下�?�線が残る?�? */
        padding-bottom: 0; /*ddとの距離を近づけるため�?0にする*/
    font-size: 30px; 
    }
    .dlTable dd {
    font-size: 30px; 
        padding-bottom: 20px;
    
    }

}