@charset "UTF-8";

/* ====================================================
オリジナルグループ
   ==================================================== */

/* --------------------------------------------
flex プロパティ
-----------------------------------------------*/
/* 子要素の高さを合わせるために使う */
.fx_childAlign {
   align-items: stretch;
}
.fx_childAlign > * {
   display: flex;
   align-items: center;
}

/* 孫要素の高さを合わせるために使う */
.fx_grandChildAlign {
   align-items: stretch;
}
.fx_grandChildAlign > * {
   display: flex;
   align-items: stretch;
}

/* lg サイズ調整用 */
@media (min-width:901px) {
   .lg_fx_flex1 { flex: 1; }
   .lg_fx_w10per { flex: 0 1 10%; }
   .lg_fx_w15per { flex: 0 1 15%; }
   .lg_fx_w20per { flex: 0 1 20%; }
   .lg_fx_w25per { flex: 0 1 25%; }
   .lg_fx_w30per { flex: 0 1 30%; }
   .lg_fx_w33per { flex: 0 1 33.3333%; }
   .lg_fx_w35per { flex: 0 1 35%; }
   .lg_fx_w40per { flex: 0 1 40%; }
   .lg_fx_w45per { flex: 0 1 45%; }
   .lg_fx_w50per { flex: 0 1 50%; }
   .lg_fx_w55per { flex: 0 1 55%; }
   .lg_fx_w60per { flex: 0 1 60%; }
}



/* flex-direction */
.fx_fd_row { flex-direction:  row;}
.fx_fd_rowRev { flex-direction:  row-reverse;}
.fx_fd_col { flex-direction:  column;}
.fx_fd_colRev { flex-direction:  column-reverse;}

/* justify-content */
.fx_jc_fxStart { justify-content: flex-start; }
.fx_jc_fxEnd { justify-content: flex-end; }
.fx_jc_center { justify-content: center; }
.fx_jc_spaceBetween { justify-content: space-between; }
.fx_jc_spaceAround { justify-content: space-around; }

/* align-items */
.fx_ai_stretch { align-items: stretch; }
.fx_ai_fxStart { align-items: flex-start;}
.fx_ai_fxEnd { align-items: flex-end;}
.fx_ai_center { align-items: center; }

/* align-content */
.fx_ac_fxStart { align-content: flex-start; }
.fx_ac_fxEnd { align-content: flex-end; }
.fx_ac_center { align-content: center; }
.fx_ac_spaceBetween { align-content: space-between; }
.fx_ac_spaceAround { align-content: space-around; }


/* --------------------------------------------
テーブル調整
-----------------------------------------------*/

/* thタグの大きさ調整 */

.tb_thWauto th {width: auto ;}
.tb_thW10 th { width: 10%;}
.tb_thW25 th { width: 25%;}
.tb_thW30 th { width: 30%;}
.tb_thW40 th { width: 40%;}
.tb_thW50 th { width: 50%;}
.tb_thW60 th { width: 60%;}
.tb_thW70 th { width: 70%;}

.tb_tdSmall td { width: 7em; text-align: center;}