@charset "utf-8";

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

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

.cBlock-outer .cMargin{
margin: 1em auto	
}

.Cimage img{
  max-inline-size: 100%;
  block-size: auto;
}

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

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

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

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

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

.Cimage .cTitleLeft{
text-align: left	
}

.Cimage .cTitleCenter{
text-align: center
}

.Cimage .cTitleRight{
text-align: right
}


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


@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
}	
}