@charset "utf-8";
.my-gallery { overflow:hidden; width: 100%}
.my-gallery figure { float: left; width: 23%; margin: 10px 1% 30px;}
.my-gallery figure img { width: 100%; }
.my-gallery figure img:hover { opacity: 0.6; }
.my-gallery figure p { text-align:center; margin-top: 5px;}
* html .my-gallery { zoom: 1; }
*+html .my-gallery { zoom: 1; }
.my-gallery:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

.order-box { border: 1px solid #ccc; padding: 10px;}
.order-box .title02 { margin-top: 0;}

table { border-collapse: collapse; margin-bottom: 20px; width: 100%; margin-top: 20px; font-size: 0.86em;}
td{border: 1px solid #666; padding: 10px;}
th{border: 1px solid #666; background: #69b1d2; color:#fff; text-align: center; padding: 10px; width: 30%;}

@media screen and (max-width: 640px) {
.my-gallery figure { width: 48%; float: left; margin: 7px 1%; }
}

.my-gallery02 { overflow:hidden; width: 100%}
.my-gallery02 figure { float: left; width: 32%;margin: 10px 1% 30px;}
.my-gallery02 figure img { width: 100%; }
.my-gallery02 figure img:hover { opacity: 0.6; }
.my-gallery02 figure p { text-align:center; margin-top: 5px;}
* html .my-gallery02 { zoom: 1; }
*+html .my-gallery02 { zoom: 1; }
.my-gallery:after02 { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

@media screen and (max-width: 640px) {
.my-gallery02 figure { width: 65%; float: none; margin: 15px 1%; }
}