@charset "UTF-8";
/* コンテンツ */

.date {
    float: left;
    width: 200px;
    font-family: "Courier New", Consolas, monospace;
}
.date p span {
    font-size: 3em;
}
.doc {
    float: right;
    width: 900px;
}
.infoimg img {
    float: left;
	max-width:300px;
	max-height:300px;
	width: expression(this.width >= this.height ? "300px" : "auto");
	height: expression(this.width <= this.height ? "300px" : "auto");
    margin: 0 30px 0 0;
}
.sub {
    text-align: left !important;
}

@media screen and (min-width: 500px) {

}

@media screen and (max-width: 499px) {

.date {
    float: none;
    width: auto;
}
.date p span {
    font-size: 1.8em;
}
.doc {
    float: none;
    width: auto;
}
.infoimg img {
    float: left;
	max-width:100%;
	max-height:320px;
	width: expression(this.width >= this.height ? "100%" : "auto");
	height: expression(this.width <= this.height ? "320px" : "auto");
    margin: 0 auto 20px;
}
}