/*
 * 共通フォームのページレベル補正。
 * コンポーネントCSSは変更せず、内容に応じた適正幅のみ上書きする。
 */
.is-form-common .c-form-control-wrap--era {
  flex: 0 0 132px;
  width: 132px;
  max-width: 132px;
}

.is-form-common .c-form-control-wrap--era-year {
  flex: 0 0 96px;
  width: 96px;
  max-width: 96px;
}

/* 月・日のセレクトは .c-form-control-wrap--select の既定幅(316px)が
   後勝ちで効いてしまい、元号・年だけ狭く月・日だけ極端に広い状態に
   なっていた。元号・年と揃う幅に固定する。 */
.is-form-common .c-form-control-wrap--month,
.is-form-common .c-form-control-wrap--day {
  flex: 0 0 96px;
  width: 96px;
  max-width: 96px;
}

@media screen and (max-width: 767px) {
  .is-form-common .c-form-control-wrap--era {
    flex-basis: 65px;
    width: 65px;
    max-width: 65px;
  }

  .is-form-common .c-form-control-wrap--era-year {
    flex-basis: 60px;
    width: 60px;
    max-width: 60px;
  }

  .is-form-common .c-form-control-wrap--month,
  .is-form-common .c-form-control-wrap--day {
    flex-basis: 70px;
    width: 70px;
    max-width: 70px;
  }
}