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


.rimg img {
	max-width:400px;
	max-height:400px;
	width: expression(this.width >= this.height ? "400px" : "auto");
	height: expression(this.width <= this.height ? "400px" : "auto");
}

.tocon {
    width: 700px;
    margin: 0 auto;
}
.tocon a {
    display: block;
    background-color: #f90;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    border-radius: 100px;
    font-weight: bold;
    font-size: 1.24em;
    transition: all 0.5s;
    line-height: 1.5;
}
.tocon a:hover {
    opacity: 0.6;
}

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

}

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

.rimg img {
	max-width:280px;
	max-height:280px;
	width: expression(this.width >= this.height ? "280px" : "auto");
	height: expression(this.width <= this.height ? "280px" : "auto");
}

.tocon {
    width: 80%;
    margin: 0 auto;
}
.tocon a {
    font-size: 1.16em;
    padding: 10px;
}

}