.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*ﾂ･*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.flex{display: -webkit-flex; /* Safari */display: flex;-webkit-flex-wrap: wrap; /* Safari */flex-wrap:wrap;-webkit-justify-content: space-around; /* Safari */justify-content:space-around;}

#textarea ul.flex li:before{content:none}

#textarea ul.flex li{width:33.3%}

@media only screen and (max-width: 768px){

#textarea ul.flex li{width:50%}

}

@media only screen and (max-width: 480px){

#textarea ul.flex li{width:100%}

}