#artPanelLeft {
	
	width : 100% ;
	float : none ;
}

#artPanelLeft .articleBox {
	
	margin : 20px 20px 0 0 ;
	padding : 20px 20px 2px	;
	width : 100% ;
	background-color : white ;
	
	box-sizing : border-box ;
}

#artPanelLeft .articleBox #dtAtu {

	margin : 10px 20px 30px 20px ;
	font : 13px Verdana , sans-serif ;
	color : #999999 ;
}

#artPanelLeft .articleBox h1 {
	
	margin : 20px ;
	font : 36px Verdana , sans-serif ;
}

#artPanelLeft .articleBox h2 {
	
	margin : 0 20px ;
	font : italic 22px Verdana , sans-serif ;
}

#artPanelLeft .articleBox h3 {
	
	margin : 50px 20px 20px ;
	font : 24px Verdana , sans-serif ;
}

#artPanelLeft .articleBox h4 {
	
	margin : 30px 20px 10px ;
	padding-bottom : 4px ;

	border-bottom : 1px solid black ;

	font : 18px Verdana , sans-serif ;

    display : inline-block ;
}

#artPanelLeft .articleBox h6 {
	
	margin : 20px 20px -20px ;
	font : 12px Verdana , sans-serif ;
	font-style : italic ;
}

#artPanelLeft .articleBox a , #artPanelLeft .articleBox u {
	
	padding-bottom : 2px ;
	border-bottom : 1px solid #000 ;

	text-decoration : none ;
}

#artPanelLeft .articleBox p {
	
	margin : 20px ;
	font : 16px Verdana , sans-serif ;
	
	line-height : 30px ;
}

#artPanelLeft .articleBox p.rld {

	font-size : smaller ;
}

#artPanelLeft .articleBox ul {
	
	font : 16px Verdana , sans-serif ;	
	list-style-type : square ;
}

#artPanelLeft .articleBox ol {
	
	font : 16px Verdana , sans-serif ;
}

#artPanelLeft .articleBox li {

	margin : 20px ;
	line-height : 30px ;
}

#artPanelLeft .articleBox .fld-sep {

	margin : 0 -20px 0 ;
	padding : 0 0 40px ;
	
	border : solid #E8E8E8 ;
	border-width : 20px 0 20px  ;
}

#artPanelLeft .articleBox .fld-sep + .fld-sep {

	border-width : 0 0 20px ;
}

#artPanelLeft .articleBox .fld-sep div.img-wrp {

	display : flex ;
	justify-content : center ;
	align-items : center ;
	overflow : hidden ;
}

#artPanelLeft .articleBox .fld-sep div.img-wrp img , #artPanelLeft .articleBox .fld-sep div.img-wrp video {

	min-width : 100% ;
	min-height : 100% ;
}

#artContextImg {
	
	margin : 50px auto ;
	width : 100% ;
	display : block ;
}

.artContentImg {
	
	margin : 40px auto ;
	max-width : 100% ;
	display : block ;
}

#artPanelRight {
	
	width : 350px ;
	display : none ;
	float : none ;
}

#artPanelRight .contents {
	
	margin : 20px 0 0 0 ;
	padding : 20px 0 ;
	background-color : white ;
}

#topSocialTags {
	
	margin : 0 20px ;
}

#topSocialTags img {
	
	width : 33px ;
	height : 33px ;
	
	cursor : pointer ;
}

/*********************************************************************************************/

@media ( min-width  : 880px ) {

	#artPanelLeft	{ width : calc( 100% - 350px ) ; float : left ;		}
	.articleBox		{ width : calc( 100% - 20px ) ;						}
	#artPanelRight	{ display : block ; float : right ;					}
}