/* 可変グリッド */

a {
    text-decoration:none;
}

.frameWhite {
    height: 1;
    background:#fff;
	padding:0px 20px 20px 20px;
	color:#eeeee;
	border:#BFBFBF 2px solid;
	box-shadow: 0 0 10px #BFBFBF;
	margin:-10px 20px 0px 10px;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.frameWhite:hover{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
	display: inline-block;
	box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 1);
}

.frameGray {
    height: 1;
    background:#f2f2f2;
	padding:0px 20px 20px 20px;
	color:#eeeee;
	border:#BFBFBF 2px solid;
	box-shadow: 0 0 10px #BFBFBF;
	margin:-10px 5px 0px 10px;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.frameGray:hover{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
	display: inline-block;
	box-shadow: 0px 0px 20px 10px rgba(255, 255, 255, 1);
}

.alignleft {
	float: left;
	margin:20px;
}

.backWhiteChoice {
    width:100%;
	margin:20px auto;
}

.backWhiteChoice div {
    margin:10px 10px 10px 25px;
    overflow: hidden;
}

/* animation
.backWhiteChoice,div {
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
}
.backWhiteChoice {
    -webkit-transition-property: left, right, top;
    -moz-transition-property: left, right, top;
    -ms-transition-property: left, right, top;
    -o-transition-property: left, right, top;
    transition-property: left, right, top;
}
.backWhiteChoice div {
    -webkit-transition-property: left, right, top;
    -moz-transition-property: left, right, top;
    -ms-transition-property: left, right, top;
    -o-transition-property: left, right, top;
    transition-property: left, right, top;
}
*/