@charset "utf-8";
/* CSS Document */

.center{
	display: grid;
	text-align: center;
}
.small{
	font-size: .7em !important;
}
/*----------------------------------------
 grid
----------------------------------------*/
.grid1{
	display:grid;
	margin: 0 auto;
	grid-template-columns: 1fr;
}
.grid2{
	display:grid;
	margin: 0 auto;
}
.grid3{
	display:grid;
	margin: 0 auto;
}
.grid4{
	display:grid;
	margin: 0 auto;
}
.grid5{
	display:grid;
	margin: 0 auto;
}
.gap5{
	gap:5px;
	box-sizing: border-box;
}
.gap10{
	gap:10px;
	box-sizing: border-box;
}
.gap15{
	gap:15px;
	box-sizing: border-box;
}
.gap20{
	gap:20px;
	box-sizing: border-box;
}
.gap30{
	gap:30px;
	box-sizing: border-box;
}
.gap40{
	gap:40px;
	box-sizing: border-box;
}
.gap50{
	gap:50px;
	box-sizing: border-box;
}
.gap75{
	gap:75px;
	box-sizing: border-box;
}
.gap100{
	gap:100px;
	box-sizing: border-box;
}
.grid-19-19-19-19-19{
	grid-template-columns: 19% 19% 19% 19% 19% 19%;
}
.grid-20-78{
	grid-template-columns: 20% 78%;
}
.grid-20-80{
	grid-template-columns: 20% 80%;
}
.grid-20-20-20-20-20{
	grid-template-columns: 20% 20% 20% 20% 20%;
}
.grid-23-23-23-23{
	grid-template-columns: 23% 23% 23% 23%;
}
.grid-24-24-24-24{
	grid-template-columns: 24% 24% 24% 24%;
}
.grid-25-25-50{
	grid-template-columns: 25% 25% 50%;
}
.grid-25-25-25-25{
	grid-template-columns: 25% 25% 25% 25%;
}
.grid-30-30-40{
	grid-template-columns: 30% 30% 40%;
}
.grid-30-68{
	grid-template-columns: 30% 68%;
}
.grid-30-70{
	grid-template-columns: 30% 70%;
}
.grid-33-33-33{
	grid-template-columns: 33.333333333333% 33.333333333333% 33.333333333333%;
}
.grid-40-40-20{
	grid-template-columns: 40% 40% 20%;
}
.grid-40-60{
	grid-template-columns: 40% 60%;
}
.grid-48-48{
	grid-template-columns: 48% 48%;
}
.grid-50-50{
	grid-template-columns: 50% 50%;
}
.grid-60-38{
	grid-template-columns: 60% 38%;
}
.grid-60-40{
	grid-template-columns: 60% 40%;
}
.grid-70-28{
	grid-template-columns: 70% 28%;
}
.grid-70-30{
	grid-template-columns: 70% 30%;
}
.grid-80-18{
	grid-template-columns: 80% 18%;
}
.grid-80-20{
	grid-template-columns: 80% 20%;
}

/*----------------------------------------
 grid イレギュラー

----------------------------------------*/
/*----------------------------------------
 margin-bottom
----------------------------------------*/
.mb0{
	margin-bottom: 0;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
.mb50{
	margin-bottom: 50px;
}
.mb75{
	margin-bottom: 75px;
}
.mb100{
	margin-bottom: 100px;
}


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

/*----------------------------------------
 grid
----------------------------------------*/
.grid-19-19-19-19-19{
	grid-template-columns: 100%;
}
.grid-20-78{
	grid-template-columns: 100%;
}
.grid-20-80{
	grid-template-columns: 100%;
}
.grid-20-20-20-20-20{
	grid-template-columns: 100%;
}
.grid-23-23-23-23{
	grid-template-columns: 100%;
}
.grid-24-24-24-24{
	grid-template-columns: 100%;
}
.grid-25-25-25-25{
	grid-template-columns: 100%;
}
.grid-30-68{
	grid-template-columns: 100%;
}
.grid-30-70{
	grid-template-columns: 100%;
}
.grid-33-33-33{
	grid-template-columns: 100%;
}
	
.grid-48-48{
	grid-template-columns: 100%;
}
.grid-50-50{
	grid-template-columns: 100%;
}
.grid-60-38{
	grid-template-columns: 100%;
}
.grid-60-40{
	grid-template-columns: 100%;
}
.grid-70-28{
	grid-template-columns: 100%;
}
.grid-70-30{
	grid-template-columns: 100%;
}
.grid-80-18{
	grid-template-columns: 100%;
}
.grid-80-20{
	grid-template-columns: 100%;
}
	
/*----------------------------------------
 grid イレギュラー
----------------------------------------*/
	
}