@media screen and (min-width: 810px){

#wapper {
	width: 80%;
	max-width: 1000px;
	margin: auto;
}

.button li {
	font-size: 136%;
	margin-left: 20px;
	float: left;
	width: 45%;
}

.flex2_dl { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.flex2_dl dd { width: 48.0%; }	

.flex2_short { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.flex2_short li { width: 48.5%; }

.flex2_fixed { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.flex2_fixed li { width: 48.5%; }

.flex2_64 { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.flex2_64 dt { width: 57.0%; }
.flex2_64 dd { width: 38.5%; }

.flex2_73 { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.flex2_73 dt { width: 68.5%; }
.flex2_73 dd { width: 28.5%; }

.flex2_82 { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; }
.flex2_82 dt { width: 80.0%; }
.flex2_82 dd { width: 19.0%; }	
}