/*
トピックス、LCMサービス関連、イベント・展示会、セミナー、LCM関連コラム
のトップページのスタイルシート。レスポンシヴ時は
JAVASCRIPT(pcn_topixContents.js)と連動してクラスが切り替わって
カタカタ下に落ちて、ボックスが縮小する制御。

メディアクエリ制御で中央寄せ実現。

BY SUGAYA

*/

.pcn-tiles2 div{
		background-color: #f0f0f0;
		margin: 5px;
}

.w260h250{
	width:255px;
	height:250px;
}

.dblTop{
	float:left;
	width:520px;
	height:510px;
	}

.dblTop p.pcn-title2{
    /*position:relative;
    bottom:-90px;*/
}

.dblTop p.pcn-txt2{
    /*position:relative;
    bottom:-90px;*/
}   


.dblTop2{
    margin-bottom:10px;
}

@media screen and (min-width: 1150px){
    .pcn-tilesC{
        justify-content:flex-start;
    }

}

@media screen and (max-width: 320px){
    .dblTop2{
	    min-width:255px;
    	min-height:250px;
    }
}

@media screen and (min-width: 540px) and (max-width: 750px) {
    .dblTop2{
	    float:left;
    	width:520px;
    	height:510px;
	}
	
	.dblTop2 p.pcn-title2{
    }

    .dblTop2 p.pcn-txt2{
    }
}

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

    .dblTop2{
    	float:left;
    	max-width:520px;
    	max-height:510px;
	}

}

.snglTc{
	display:flex;
	}

.snglBlw{
	float:left;
	display:flex;
	flex-wrap:wrap;
	}

.snglTr{
	display:table-row;
	}

.clrBth{
    clear:both;
}


/* grand child menu -begin- */
.pcn-tilesC{
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
}

.pcn-tilesC div{
    background-color: #f0f0f0;
    width: 255px;
    height:250px;
	margin:5px;
}

@media screen and (min-width: 320px) and (max-width: 1150px) {
    .pcn-tilesC{}
}
/* grand child menu -end- */

.firstImg{
        width:420px;
        height:420px;
        position:relative;
        overflow:hidden;
}
.firstImg img{
          left: 50px;
          top: 20px;
        -moz-transform: translate(50px,20px);
-webkit-transform: translate(50px,20px);
-o-transform: translate(50px,20px);
-ms-transform: translate(50px,20px);
        transform':translate(50px,20px);
          position: absolute;
}
.pcn-tiles2 div .pcn-title2,.pcn-tilesC div .pcn-title2{
	font-weight: bold;
	font-size: 14px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	line-height: 1.2em;
	margin-bottom:5px;
}

.pcn-tiles2 div .pcn-txt2,.pcn-tilesC div .pcn-txt2{
	font-size: 12px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	margin-top:5px;
	line-height: 1.2em
}