@charset "utf-8";
/*------------------------------------------------------------------*/
/*    イベント事前申込フォーム＠体操教室用CSS                       */
/*------------------------------------------------------------------*/


/* フォーム領域設定
------------------------------------------------------------------- */
/* タイトル設定：参加者情報 */
#inputTbl > tbody > tr#joinTitleTr th {
  padding: 20px 10px;
  font-size: 1.1em;
  background: #1c698e;
  border-right: 1px solid #1c698e;
  box-sizing: border-box;
}

/* サイズ設定：参加希望日 */
#inputTbl tr#dateTr td select { width: 160px; }

/* サイズ設定：参加希望人数 */
#inputTbl tr#numberPSTr td select,
#inputTbl tr#numberESTr td select {
  width: 160px;
  margin: 0 5px 0 0;
}

/* サイズ設定：保護者様のお名前 */
#inputTbl tr#dnameKanjiTr td input,
#inputTbl tr#dnameKanaTr td input { width: 460px; }

/* サイズ設定：保護者様の連絡先電話番号 */
#inputTbl tr#dtelTr td input { width: 350px; }

/* サイズ設定：保護者様のメールアドレス */
#inputTbl tr#dmailTr td input { width: 460px; }
#inputTbl tr#dmailTr td input#f_dmail { margin: 0 0 10px 0; }

/* サイズ設定：参加者情報／お子様の情報 */
#inputTbl tr.p01DataTr td input,
#inputTbl tr.p02DataTr td input,
#inputTbl tr.p03DataTr td input,
#inputTbl tr.p04DataTr td input,
#inputTbl tr.p05DataTr td input { width: 460px; }

/* 背景色設定：参加者情報（奇数背景変更） */
#inputTbl tr.p01DataTr th,
#inputTbl tr.p03DataTr th,
#inputTbl tr.p05DataTr th { background: #43a5d6; }

#inputTbl tr.p01DataTr td,
#inputTbl tr.p03DataTr td,
#inputTbl tr.p05DataTr td { background: #ddeff8; }











/* スマートフォン端末設定
------------------------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 767px) {


/* フォーム領域設定
------------------------------------------------------------------- */
/* タイトル設定：参加者情報 */
#inputTbl > tbody > tr#joinTitleTr > th { border-bottom: 1px solid #fff; }

/* サイズ設定：参加希望日 */
#inputTbl tr#dateTr td select {
  width: 100%;
  font-size: 1.3em;
}

/* サイズ設定：参加希望人数 */
#inputTbl tr#numberPSTr td select,
#inputTbl tr#numberESTr td select {
  width: 80%;
  font-size: 1.3em;
}

/* サイズ設定：保護者様のお名前 */
#inputTbl tr#dnameKanjiTr td input,
#inputTbl tr#dnameKanaTr td input { width: 100%; }

/* サイズ設定：保護者様の連絡先電話番号 */
#inputTbl tr#dtelTr td input { width: 100%; }

/* サイズ設定：保護者様のメールアドレス */
#inputTbl tr#dmailTr td input { width: 100%; }

/* サイズ設定：参加者情報／お子様のお名前 */
#inputTbl tr.p01DataTr td input,
#inputTbl tr.p02DataTr td input,
#inputTbl tr.p03DataTr td input,
#inputTbl tr.p04DataTr td input,
#inputTbl tr.p05DataTr td input { width: 100%; }

/* サイズ設定：参加者情報／お子様の年齢 */
#inputTbl tr.p01DataTr td select,
#inputTbl tr.p02DataTr td select,
#inputTbl tr.p03DataTr td select,
#inputTbl tr.p04DataTr td select,
#inputTbl tr.p05DataTr td select {
  width: 100%;
  font-size: 1.3em;
}










}