@charset "UTF-8";

/************************
  ページレイアウトcss
************************/


/* cp */
.container .cp { width:100%; max-width: 300px; }
.container .cp2 { width:49%; max-width: 300px; }

.container #cp img{ width: 100%; max-width: 300px; }
.container #cp img+img{ width: 49%; max-width: 300px; }


/* icon */
.container #lbtn { max-width: 1em; padding-bottom: 0.2rem;}





/* レイアウト－スマホ用 */
@media ( max-width : 480px) { /* SPのみ適応 */
	.container td+td { width:50%; flex-basis: 50%; }
	
	/* flextr */
	.container tr.flex_r { display: flex;}
	.container tr.flex_r_wrap { display: flex; flex-wrap: wrap;}
	.container tr.flex_r_wrap td{ width: 100%; flex-basis: 100%;}
	
	  /* flex-basis */
	.container tr.flex_r.basis5 td { flex-basis: calc(100%/5); }
	.container tr.flex_r.basis4 td { flex-basis: calc(100%/4); }
	.container tr.flex_r.basis3 td { flex-basis: calc(100%/3); }
	td.grow2 { flex-grow: 2; }
	
	/* ゼッケン一覧A */
	.ozk_a td+td { width: 40%; }

	.flex_img3 { display: flex; }
	.flex_img3 a { margin: 1px; }
	.flex_img3.wrap { flex-wrap: wrap; justify-content: space-around; }
	.flex_img3 a { flex-basis: 30%; }
}