.imgarea.caption {
    text-align: center;
}

.imgarea.caption img {
    display: block;
    margin: 0 auto 0.5rem;
    border: solid 1px #eee;
    width: auto;
    max-width: 300px;
    max-height: 400px;
}


/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/
@media screen and (min-width: 482px) {
/*/////////////PC用のCSSをここに作成してください。/////////////*/

p.imgarea.caption.left {
    width: 40%;
    float: left;
    margin: 0 5rem 2rem 0;
}

p.imgarea.caption.left img {
    width: auto;
    max-width: 100%;
}
.clear {
    clear: both;
}
	
}/*////////////////////PC用CSSここまで///////////////////*/




/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 481px) {
    /*/////////////SP用のCSSをここに作成してください。/////////////*/
    /*/////////////必ず中括弧の中に作成してください。/////////////*/



	
	
}