/* =================================
caster CSS  キャスター
=================================*/
@media all and (min-width: 768px) {
  /* 大枠 */
  div.taikai{
    width: 980px;
    height: auto;
    margin: 10px auto;
  }
  div.taikai div.waku{
    width: 920px;
    height: auto;
    background-color: rgba(255,255,255,0.55);
    box-shadow: 0px 0px 10px #eee;
    padding: 20px 10px;
    margin:10px auto;
  }
  div.taikai div.w1{height: 430px;}
  
      div.taikai div.w2{height:480px;}
      
          div.taikai div.w3{height:600px;}
   div.taikai div.moyou{
    width: 980px;
    height: auto;
    box-shadow: 0px 0px 8px #304e8a;
    background-color: #fff;
    margin-bottom: 30px;    
    padding-top:5px;
    padding-bottom: 10px;
  }
  /*肩書き　枠*/
  div.katagaki{
    background: #081b3f;
    background: -moz-linear-gradient(left,  #003ae8 0%, #51a1f1 40%, #51a1f1 60%, #2438ed 100%);
    background: -webkit-gradient(linear, left center, right center, from(#003ae8), color-stop(50%, #51a1f1), to(#2438ed));
    background: -webkit-linear-gradient(left,  #003ae8 0%, #51a1f1 40%, #51a1f1 60%, #2438ed 100%);
    background: -o-linear-gradient(left,  #003ae8 0%, #51a1f1 40%, #51a1f1 60%, #2438ed 100%);
    background: linear-gradient(to right, #003ae8 0%, #51a1f1 40%, #51a1f1 60%, #2438ed 100%);
    width: auto;
    height: 40px;
    border-radius:5px;
    box-shadow:0px 0px 5px 1px #081b3f;
  }
  /*肩書き　タイトル*/
  div.katagaki p{
    color:#fff;
    font-weight: bold;
    font-size:24px;
    line-height: 1.8;
    text-shadow: 2px 6px 6px rgba(0,0,0,0.2), 0px -5px 16px rgba(55,55,55,0.3);
  }
  div.caster-01{
    width: 320px;
    height: 370px;
    margin: 20px 0px;
    background-image: url("../img/caster/caster-01.jpg?0112");
    border: 5px solid #f1f1f1;
    box-sizing: border-box;
    display: block;
    float: left;
  }
  
    div.caster-02{
    width: 320px;
    height: 370px;
    margin: 20px 0px;
    background-image: url("../img/caster/caster-02.jpg?0112");
    border: 5px solid #f1f1f1;
    box-sizing: border-box;
    display: block;
    float: left;
  }
  
  
    div.caster-03{
    width: 320px;
    height: 370px;
    margin: 20px 0px;
    background-image: url("../img/caster/caster-03.jpg?0112");
    border: 5px solid #f1f1f1;
    box-sizing: border-box;
    display: block;
    float: left;
  }
  
  span.name{
    display: block;
    text-align: left;
    color: #081b3f;
    font-size: 50px;
    line-height: 2;
    width: 570px;
    border-bottom: 1px solid #041d9e;
    height: 80px;
    float: right;
  }
  
  
  span.syokai{
    display: block;
    text-align: left;
    width: 570px;
    float: right;
    line-height: 1.6;
    color:#666;
    margin-top:10px
  }
}
/*//////PC//////*/
@media all and (min-width: 768px) {
.txt12r {font-weight:bold;padding:5px;font-weight:bold;color:#081b3f;text-align:left;}
.txt12{padding:5px;line-height:1.6em;color:#666;text-align:left;}
}
@media all and (max-width: 767px) {
.taikai table {background:#FFFFFF;width:100%;padding:8px;}
.txt12r {font-weight:bold;font-size:80%;font-weight:bold;color:#081b3f;text-align:left;}
.txt12{font-size:80%;padding:5px;line-height:1.6em;color:#666;text-align:left;}
  /* 大枠 */
  body.caster div.taikai{
    width: auto;
    height: auto;
    margin: 15px 10px 0px;
  }
  /* 大枠の背景 */
  body.caster div.taikai div.moyou{
    width: auto;
    height: auto;
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow:0px 0px 8px #304e8a;
    padding-bottom: 10px;
  }
  div.katagaki{
    background: #2438ed;
    background: -moz-linear-gradient(left,  #003ae8 0%, #51a1f1 40%, #51a1f1 60%, #2438ed 100%);
    background: -webkit-gradient(linear, left center, right center, from(#003ae8), color-stop(50%, #51a1f1), to(#2438ed));
    background: -webkit-linear-gradient(left,  #003ae8 0%, #51a1f1 40%, #51a1f1 60%, #2438ed 100%);
    background: -o-linear-gradient(left,  #003ae8 0%, #51a1f1 40%, #51a1f1 60%, #2438ed 100%);
    background: linear-gradient(to right, #003ae8 0%, #51a1f1 40%, #51a1f1 60%, #2438ed 100%);
    width: auto;
    box-shadow:0px 0px 5px 1px #041d9e;
    padding: 5px 0px;
  }
  /*肩書き　タイトル*/
  div.katagaki p {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.3;
    text-shadow: 2px 6px 6px rgba(0,0,0,0.2), 0px -5px 16px rgba(55,55,55,0.3);
  }
  /*写真*/
  div.caster-01{
    width: auto;
    height: auto;
    background-image: url("../img/caster/caster-01.jpg?0112");
    background-position:top center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin: 20px auto;
    overflow: hidden;
    white-space: nowrap;
  }
  
    div.caster-02{
    width: auto;
    height: auto;
    background-image: url("../img/caster/caster-02.jpg?0112");
    background-position:top center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin: 20px auto;
    overflow: hidden;
    white-space: nowrap;
  }
  
  
      div.caster-03{
    width: auto;
    height: auto;
    background-image: url("../img/caster/caster-03.jpg?0112");
    background-position:top center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin: 20px auto;
    overflow: hidden;
    white-space: nowrap;
  }
  
  span.name{
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    width: 170px;
    margin: 0px auto;
    padding: 5px 0px;
    line-height: 1.1;
    display: block;
  }
  span.syokai{
    text-align: left!important;
    line-height: 1.2;
    color:#666;
    display: block;
    padding: 20px 10px;
   background:#FFFFFF;
   margin:5px 0px;
  }
}
/*印刷できないようにする*/
div>img{
  width: 100%;
  height: 100%;
}
}
@media print {
  div.caster-01,  div.caster-02 {
    display:none;
  }