@charset "utf-8";
/* CSS Document */

.report_box{display:flex;flex-wrap: wrap;margin:10px auto 20px;width:100%;}
.report_inbox{width:32.8%;margin:0 0.5% 10px 0;padding:10px;border:1px solid #ccc;display:flex;flex-direction:column;justify-content:space-between;}
.report_inbox h4{clear:both;line-height:1.2;font-size:16px;margin:5px 0;padding:0 5px;}
.report_img img{width:100%;height:auto;}
.origine img{width:193px;height:auto;}
.origine{text-align:center;}
.report_img{min-height: 0%;overflow: hidden;}
.report_title{background:#06c;padding:5px;text-align:center;color:#fff;}
.report_txt{padding:10px;text-align:center;font-size:16px;}

.wdh_img{text-align:center;margin:0 auto 20px;clear:both;padding-top:20px;}
.wdh_img img{border:solid 1px #999;}
table.flange{width:60%;margin:0 auto 30px;font-size:14px;}
table.flange td{text-align:center;width:11%;vertical-align: middle;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:3px;}
table.flange th{background:#06c;color:#fff;text-align:center;width:11%;vertical-align: middle;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:3px;}
table.pipe{width:60%;margin:0 auto 30px;font-size:14px;}
table.pipe td{text-align:center;width:25%;vertical-align: middle;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:3px;}
table.pipe th{background:#06c;color:#fff;text-align:center;width:25%;vertical-align: middle;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:3px;}
.by{background:#76AC65;font-weight:bold;}

.sale_box{padding:10px 0;display:flex;flex-wrap: wrap;justify-content:space-between;}
.sale_left{width:48%;text-align:right;}
.sale_left img{border:1px solid #999;}
.sale_left img{width:300px;}
.sale_right{width:48%;}
.g_title{clear:both;border-bottom:dotted 3px #06c;text-align:center;width:60%;margin:0 auto;padding-top:20px;}
.blue_back{background:#06c;color:#fff;text-align:center;font-size:120%;padding:5px;}

.sptxt{display:none;}

/* 640px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 640px){
.report_inbox{width:49%;margin:0 0.5% 10px 0;padding:10px;border:1px solid #ccc;display:flex;flex-direction:column;justify-content:space-between;}
.sale_box{padding:10px 0;display:flex;flex-wrap: wrap;justify-content:center;}
.sale_left{width:100%;text-align:center;}
.sale_right{width:100%;}
.sale_left img{width:100%;margin-bottom:10px;}
.g_title{clear:both;border-bottom:dotted 3px #06c;text-align:center;width:100%;margin:0 auto;padding-top:20px;}
.wdh_img img{border:solid 1px #999;width:80%;}
table.flange{width:100%;margin:0 auto 30px;font-size:14px;white-space: nowrap;}
table.pipe{width:100%;margin:0 auto 30px;font-size:14px;}


.sptable{overflow-x: scroll;}
.sptxt{display:block;margin:20px 0 0;}
}