@charset "utf-8";
/* Flex横幅 */
.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10,.col-sm-11,.col-sm-12,.col-sm-1,    .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	margin-bottom: 20px;
	box-sizing: border-box;
}

.col-sm-1 {
	width:6.5%;
	width: calc(100% / 12 - 15px);
	width: -webkit-calc(100% / 12 - 15px);	
}
.col-sm-2 {
	width:15%;
	width: calc(100% / 6 - 15px);
	width: -webkit-calc(100% / 6 - 15px);	
}
.col-sm-3 {
	width:23.5%;
	width: calc(100% / 4 - 15px);
	width: -webkit-calc(100% / 4 - 15px);	
}
.col-sm-4 {
	width:32%;
	width: calc(100% / 3 - 15px);
	width: -webkit-calc(100% / 3 - 15px);	
}
.col-sm-5 {
	width:40.5%;
}
.col-sm-6 {
	width:49%;
	width: calc(100% / 2 - 15px);
	width: -webkit-calc(100% / 2 - 15px);	
}
.col-sm-row5{
	width: 18%;
	width: calc(100% / 5 - 15px );
	width: -webkit-calc(100% / 5 - 15px );
}
.col-sm-7 {width:57.5%;}
.col-sm-8 {width:66%;}
.col-sm-9 {width:74.5%;}
.col-sm-10 {width:83%;}
.col-sm-11 {width:91.5%;}
.col-sm-12 {width:100%;}

@media (max-width:375px){
	
	.col-xs-1 {width:6.5%;}
	.col-xs-2 {width:15%;}
	.col-xs-3 {width:23.5%;}
	.col-xs-4 {width:32%;}
	.col-xs-5 {width:40.5%;}
	.col-xs-6 {width:49%;}
	.col-xs-7 {width:57.5%;}
	.col-xs-8 {width:66%;}
	.col-xs-9 {width:74.5%;}
	.col-xs-10 {width:83%;}
	.col-xs-11 {width:91.5%;}
	.col-xs-12 {width:100%;}

}
/* table */

table {
	width: 100%;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
	word-wrap: break-word;
	margin: 15px 0;
}
table th{
	background: #efefef;
}
table td,table th{
	border: none;
	padding: 15px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
/* 表示非表示 */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
@media (max-width: 787px) {
  .visible-xs {
    display: block !important;
  }
}
@media (min-width: 788px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
	}
}
@media (max-width: 787px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 788px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}