/*グリッド修正パッチ
-------------------------------------------------------------------------------------------------------------------------*/
/* 親要素設定。*/
.row{
display: -webkit-box;
display: -moz-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-ms-flex-wrap : wrap; /*for IE10*/
-webkit-flex-wrap : wrap; /*for old webkit browser*/
flex-wrap : wrap;
justify-content:flex-start;
}/* 基本クラス(左揃え)*/
.row::after, .row::before{display:none;}
.row.left{justify-content:flex-start;}/* 左揃え */
.row.center{justify-content: center;}/* 中央揃え */
.row.right{justify-content: flex-end;}/* 中央揃え */
.row.reverse{
	-ms-flex-direction:row-reverse; /*IE10*/
	-webkit-flex-direction:row-reverse; /*old webkit browser*/
	flex-direction:row-reverse;}/* 右から左へ */
.row.flexwrap{
	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	flex-wrap : wrap;
}
.row.nowrap{/* 改行させない */
	-ms-flex-wrap : nowrap; /*for IE10*/
	-webkit-flex-wrap : nowrap; /*for old webkit browser*/
	flex-wrap : nowrap;
}

/* 子要素 */
.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12,
.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,
.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,
.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,
.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,
.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,
.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,
.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,
.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,
.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,
.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,
.col-xs-1,col-sm-1,.col-md-1,.col-lg-1,
.col-xs-20,.col-sm-20,.col-md-20,.col-lg-20{align-items: flex-start; float:none; position:static;}

.order-01{order: -10;}
.order-02{order: -9;}
.order-03{order: -8;}
.order-04{order: -7;}
.order-05{order: -6;}
.order-06{order: -5;}
.order-07{order: -4;}
.order-08{order: -3;}
.order-09{order: -2;}
.order-10{order: -1;}


@media (min-width: 1200px) {
/* 子要素 */
.col-lg-12{flex-basis:100%; max-width:100%;}
.col-lg-11{flex-basis:91.66666667%; max-width:91.66666667%;}
.col-lg-10{flex-basis:83.33333333%; max-width:83.33333333%;}
.col-lg-9{flex-basis:75%; max-width:75%;}
.col-lg-8{flex-basis:66.66666667%; max-width:66.66666667%;}
.col-lg-7{flex-basis:58.33333333%; max-width:58.33333333%;}
.col-lg-6{flex-basis:50%; max-width:50%;}
.col-lg-5{flex-basis:41.66666667%; max-width:41.66666667%;}
.col-lg-4{flex-basis:33.33333333%; max-width:33.33333333%;}
.col-lg-3{flex-basis:25%; max-width:25%;}
.col-lg-2{flex-basis:16.66666667%; max-width:16.66666667%;}
.col-lg-1{flex-basis:8.33333333%; max-width:8.33333333%;}
.col-lg-20{flex-basis:20%; max-width:20%;}
.col-lg-40{flex-basis:40%; max-width:40%;}
.col-lg-80{flex-basis:80%; max-width:80%;}

}

@media (min-width: 992px) {
/* 子要素 */
.col-md-12{flex-basis:100%; max-width:100%;}
.col-md-11{flex-basis:91.66666667%; max-width:91.66666667%;}
.col-md-10{flex-basis:83.33333333%; max-width:83.33333333%;}
.col-md-9{flex-basis:75%; max-width:75%;}
.col-md-8{flex-basis:66.66666667%; max-width:66.66666667%;}
.col-md-7{flex-basis:58.33333333%; max-width:58.33333333%;}
.col-md-6{flex-basis:50%; max-width:50%;}
.col-md-5{flex-basis:41.66666667%; max-width:41.66666667%;}
.col-md-4{flex-basis:33.33333333%; max-width:33.33333333%;}
.col-md-3{flex-basis:25%; max-width:25%;}
.col-md-2{flex-basis:16.66666667%; max-width:16.66666667%;}
.col-md-1{flex-basis:8.33333333%; max-width:8.33333333%;}
.col-md-20{flex-basis:20%; max-width:20%;}
.col-md-40{flex-basis:40%; max-width:40%;}
.col-md-80{flex-basis:80%; max-width:80%;}

.row.wrap-md{
	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	flex-wrap : wrap;
}
.row.nowrap-md{/* 改行させない */
	-ms-flex-wrap : nowrap; /*for IE10*/
	-webkit-flex-wrap : nowrap; /*for old webkit browser*/
	flex-wrap : nowrap;
}

.row.column-md{flex-direction:column;}
}

@media (max-width: 991px) {
.row.colrv-xs{
	-ms-flex-direction:col-reverse; /*IE10*/
	-webkit-flex-direction:col-reverse; /*old webkit browser*/
	flex-direction:col-reverse;}/* 右から左へ */
.row.rowrv-xs{
	-ms-flex-direction:row-reverse; /*IE10*/
	-webkit-flex-direction:row-reverse; /*old webkit browser*/
	flex-direction:row-reverse;}/* 右から左へ */
.row.colrv-sm{
	-ms-flex-direction:col-reverse; /*IE10*/
	-webkit-flex-direction:col-reverse; /*old webkit browser*/
	flex-direction:col-reverse;}/* 右から左へ */
.row.rowrv-sm{
	-ms-flex-direction:row-reverse; /*IE10*/
	-webkit-flex-direction:row-reverse; /*old webkit browser*/
	flex-direction:row-reverse;}/* 右から左へ */
/* 子要素 */
.col-sm-12{flex-basis:100%; max-width:100%;}
.col-sm-11{flex-basis:91.66666667%; max-width:91.66666667%;}
.col-sm-10{flex-basis:83.33333333%; max-width:83.33333333%;}
.col-sm-9{flex-basis:75%; max-width:75%;}
.col-sm-8{flex-basis:66.66666667%; max-width:66.66666667%;}
.col-sm-7{flex-basis:58.33333333%; max-width:58.33333333%;}
.col-sm-6{flex-basis:50%; max-width:50%;}
.col-sm-5{flex-basis:41.66666667%; max-width:41.66666667%;}
.col-sm-4{flex-basis:33.33333333%; max-width:33.33333333%;}
.col-sm-3{flex-basis:25%; max-width:25%;}
.col-sm-2{flex-basis:16.66666667%; max-width:16.66666667%;}
.col-sm-1{flex-basis:8.33333333%; max-width:8.33333333%;}
.col-sm-20{flex-basis:20%; max-width:20%;}
.col-sm-40{flex-basis:40%; max-width:40%;}
.col-sm-80{flex-basis:80%; max-width:80%;}

.row.wrap-sm{
	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	flex-wrap : wrap;
}
.row.nowrap-sm{/* 改行させない */
	-ms-flex-wrap : nowrap; /*for IE10*/
	-webkit-flex-wrap : nowrap; /*for old webkit browser*/
	flex-wrap : nowrap;
}

.row.column-sm{flex-direction:column;}
}

@media (max-width: 767px) {
.row.colrv-xs{
	-ms-flex-direction:col-reverse; /*IE10*/
	-webkit-flex-direction:col-reverse; /*old webkit browser*/
	flex-direction:col-reverse;}/* 右から左へ */
.row.rowrv-xs{
	-ms-flex-direction:row-reverse; /*IE10*/
	-webkit-flex-direction:row-reverse; /*old webkit browser*/
	flex-direction:row-reverse;}/* 右から左へ */
/* 子要素 */
.col-xs-12{flex-basis:100%; max-width:100%;}
.col-xs-11{flex-basis:91.66666667%; max-width:91.66666667%;}
.col-xs-10{flex-basis:83.33333333%; max-width:83.33333333%;}
.col-xs-9{flex-basis:75%; max-width:75%;}
.col-xs-8{flex-basis:66.66666667%; max-width:66.66666667%;}
.col-xs-7{flex-basis:58.33333333%; max-width:58.33333333%;}
.col-xs-6{flex-basis:50%; max-width:50%;}
.col-xs-5{flex-basis:41.66666667%; max-width:41.66666667%;}
.col-xs-4{flex-basis:33.33333333%; max-width:33.33333333%;}
.col-xs-3{flex-basis:25%; max-width:25%;}
.col-xs-2{flex-basis:16.66666667%; max-width:16.66666667%;}
.col-xs-1{flex-basis:8.33333333%; max-width:8.33333333%;}
.col-xs-20{flex-basis:20%; max-width:20%;}
.col-xs-40{flex-basis:40%; max-width:40%;}
.col-xs-80{flex-basis:80%; max-width:80%;}


.row.wrap-xs{
	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	flex-wrap : wrap;
}
.row.nowrap-xs{/* 改行させない */
	-ms-flex-wrap : nowrap; /*for IE10*/
	-webkit-flex-wrap : nowrap; /*for old webkit browser*/
	flex-wrap : nowrap;
}

.row.column-xs{flex-direction:column;}
}