@charset "utf-8";

.cBlock-outer{
width: 100%;
clear: both;
display: flex;
padding:0;
}

.cBlock-outer .cBorder{
border:.02em  solid #ccc;
padding:.5em;
border-radius: .2em 
}

.cBlock-outer .cMargin{
margin: .5em
}



.Cimage img{
  max-width: 100%;
}

.Cimage .cImageRound{
border-radius: 50%;
shape-outside: circle(50%);
}

.Cimage .cImageLeft{
margin: 0 .5em .5em 0;
float: left;
border:.02em  solid #ccc
}

.Cimage .cImageCentre{
margin:auto;
max-width: 100%;
border:.02em  solid #ccc;
display: flex
}

.Cimage .cImageRight{
float: right;
margin:  0 0 .5em .5em;
border:.02em  solid #ccc;
}

.Cimage .cTitle{
color: #000;
padding: .3em .5em 0;
width: 100%;
overflow-wrap:break-word;
line-height: 1em;
margin: 0;
display: block
}

.Cimage .cTitleLeft{
text-align: left	
}

.Cimage .cTitleCentre{
text-align: center
}

.Cimage .cTitleRight{
text-align: right
}


.Cimage .cCaption{
padding:.2em .6em .5em .6em;
width: auto;
margin:0
}

@media (max-width: 900px){
.cTitle{clear: both}	
}

@media (max-width: 600px) {	
.Cimage .cImageLeft, .Cimage .cImageRight{max-width: 100%;clear: both;display: block;margin: auto;float:none}
.Cimage .cCaption{
width: 100%;
clear: both
}	
}

