:root {--m: 15px}


.flex_wrap,.flex_wrap-sp{display: flex; flex-flow: row wrap;  width: 90%; margin: 0 auto}
.content_wrap{
	width: 90%; margin: 0 auto
}

.w10,.w12,.w17,.w20,.w25,.w33,.w40,.w50,.w60,.w67,.w75,.w80,.w83,.w100,.fluid{margin:0 0 0 var(--m)}

.w10{width:calc(10% - var(--m))}
.w12{width:calc(12.5% - var(--m))}
.w17{width:calc(16.6667% - var(--m))}
.w20{width:calc(20% - var(--m))}
.w25{width:calc(25% - var(--m))}
.w33{width:calc(33.3334% - var(--m))}
.w40{width:calc(40% - var(--m))}
.w50{width:calc(50% - var(--m))}
.w60{width:calc(60% - var(--m))}
.w67{width:calc(66.6667% - var(--m))}
.w75{width:calc(75% - var(--m))}
.w80{width:calc(80% - var(--m))}
.w83{width:calc(83.3334% - var(--m))}
.w100{width:calc(100% - var(--m))}

.fluid{flex:2}
.clear{width: 100%}
.nomargin{display: flex; flex-flow: row wrap; padding:0 !important; margin:0 !important}

.f_sb{
	justify-content: space-between
}

.f_ce{
	justify-content: center
}
@media (max-width: 640px) {

  .w10,.w12,.w17,.w20,.w25,.w33,.w40,.w50,.w60,.w67,.w75,.w80,.w83,.w100,.fluid {width:100%; margin:0}

.flex_wrap-sp .w25,.flex_wrap-sp .w75{margin:0 0 0 var(--m)}

.flex_wrap-sp .w20{width:calc(20% - var(--m))}
.flex_wrap-sp.w25{width:calc(25% - var(--m))}
.flex_wrap-sp .w80{width:calc(80% - var(--m))}
.flex_wrap-sp.w75{width:calc(75% - var(--m))}



}