/*

主にラジオ日経の4列ボックスとプロフィールパーツの
スタイルシートになります。メディアクエリ制御のSNSボタン
のセレクタ(92行目以降)含む。

冒頭のクエリ部分は[pcn_topixContents.css]にも存在。
[.pcn_list4]は出演者一覧が4列から1列に落ちるカスケードスタイル。


BY SUGAYA

*/

@media screen and (min-width: 1100px) {
	div.pcn_list4 , div.pcn_list5 {
	    min-width:1100px;
	}

}

div.pcn_list4 {
 display: flex;
 flex-wrap: wrap;
 width:;
}
div.pcn_list4 h6{
    font-size:2em;
}
div.pcn_list4 > div {
 width: 310px;
 list-style: none;
 background: #f9f9f9;
 border: 1px solid white;
 box-sizing: border-box;
 border-radius:7px;
 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
 margin: 5px;
}

div.pcn_list4 > div > ul > li > p{
    margin-top:10px;
    margin-left:;
    background-repeat: no-repeat;  
    background-position:left;  
}

.pcn_list4 blockquote{
    font-size:1.1em;
    font-weight:bolder;
    padding-top:5px;
    padding-right:10px;
    padding-bottom:7px;
    line-height:1.3em;
}

.pcn_list4 img:last-child{
    padding-bottom:15px;
    padding-top:15px;
}

div.pcn_list4 > div > ul > li{
    margin-left:15px;
    line-height:1.45em;
}

div.pcn_list4 > div > ul > li > p > span{
    margin-left:30px;
    font-weight:;
}


/* ラジオ日経印刷用 */
div.pcn_list5 {
 display: flex;
 flex-wrap: wrap;
}
div.pcn_list5 h6{
    font-size:2em;
}
div.pcn_list5 > div {
 width: 213px;
 list-style: none;
 background: #f0f0f0;
 border: 1px solid white;
 box-sizing: border-box;
}

div.pcn_list5 > div > ul > li > p{
    margin-top:7px;
    background-repeat: no-repeat;
    background-position:left;
}

.pcn_list5 blockquote{
    font-size:1.1em;
    font-weight:bolder;
    padding-top:5px;
    padding-right:10px;
    padding-bottom:10px;
    line-height:1.3em;
}

.pcn_list5 img:last-child{
    padding-bottom:7px;
    padding-top:7px;
}

div.pcn_list5 > div > ul > li{
    margin-left:7px;
    line-height:1.45em;
}

div.pcn_list5 > div > ul > li > p > span{
    margin-left:30px;
}





.prsn_left{
    float:right;
}

.prsn_left img{
    margin-right:20px;
}

.prsn_right{
    float:left;
     position: relative;
}
.prsn_right p{
    margin-top:10px;
    line-height:1.5em;
}

.prsn_right div{
    /*    position: relative;
    bottom: 0;
      bottom: -webkit-calc(-100% + 40px);
   bottom:calc(-100% + 40px);
     vertical-align: bottom;*/
}

.prsn_right h3{
  padding:6px 0px 6px 10px;
  color: #003466;
  margin-top:5px;
  font-weight : bold;
  /*=F::S=*/
  font-size:1.15em;
  border-left-width : 7px;
  border-left-style : solid;
  border-left-color : #003267;
}

.pcn_icon{
  
  display: inline;
  /*position: relative;*/
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 5px;    

}

@media screen and (min-width:320px) and ( max-width:520px) {

    hr.pcn-style-two{
            padding-top:20px;
            margin-right:20px;
            margin-left:20px;
    }

    .ml120{
            margin-left:20px;
    }
    
    .mr120{
            margin-right:20px;        
    }

    div.fleCenL{
            margin-right:20px;
            margin-left:20px;
        
    }
    .sosyal{
    }

}

@media screen and (min-width:520px){
    .ml120{
            margin-left:120px;
    }
    
    .mr120{
            margin-right:120px;        
    }

}

.sosyal{
      position:absolute;
  bottom:5px;
    margin-top:15px;
}

.facebook {
  background-color: #2e4a88;
  padding: 2px 10px;
}
.facebook:hover {
  background-color: #354F84;
}
.facebook:active {
  top: 2px;
}
.twitter {
  background-color: #008DDE;
  padding: 2px 20px;
}
.twitter:active {
  top: 2px;

}
.twitter:hover {
  background-color: #1397D8;
}

.blogger {
  background-color: #ffa200;
  padding: 2px 27px;
}
.blogger:active {
  top: 2px;

}
.blogger:hover {
  background-color: #ffa200;
}