@charset "utf-8";

#page_teiki .mdl-layout__content {
  padding: 50px 5% 30px 5%;
}
/*-- 定期預金CSS  --*/
/* タイトル */
#page_teiki .contents-title {
  position: relative;
}

/* 印刷ボタン */
.insatsu_button_parent {
  position: absolute;
  top: 0;
  right: 10px;
  text-align: right;
  padding: 8px 11px 0px 11px;
}
.insatsu_button_child {
  width: 78px;
  height: 30px;
  font-size: 14px;
  color: var(--font-color);
  background-color: var(--main-color);
  border-style: none;
  margin: 0 10px;
}

/* 照会画面へ戻るボタン */
.modoru-button {
  display: block;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 60px;
  width: 280px;
  height: 60px;
  font-size: 16px;
  color: var(--font-color);
  background-color: var(--main-color);
  border-radius: 30px;
  border: 0.5px solid var(--gray-color);
}

/* プリントアイコンスマホ表示 */
.screen-pc {
  display: block;
}
/* プリントアイコンスマホ表示 */
.screen-response {
  display: none;
}

/* 作成日と通知または書類名 */
.date_and_name {
  width: 100%;
}

/* 角丸 */
.top_left_radius {
  border-top-left-radius: 5px;
}
.top_right_radius {
  border-top-right-radius: 5px;
}
.bottom_left_radius {
  border-bottom-left-radius: 5px;
}
.bottom_right_radius {
  border-bottom-right-radius: 5px;
}

/* 左寄せ(flex指定なし) */
.text_align_left {
  text-align: left;
}
/* 右寄せ(flex指定なし) */
.text_align_right {
  text-align: right;
}
/* 中央寄せ(flex指定なし) */
.text_align_center {
  text-align: center;
}
/* 右寄せ(flex指定あり) */
.justify_content_right {
  justify-content: flex-end;
}
/* 中央寄せ(flex指定あり) */
.justify_content_center {
  justify-content: center;
}

/* 横幅指定 */
.width_40percent {
  width: 40%;
}
.width_60percent {
  width: 60%;
}
.width_80percent {
  width: 80%;
}

/* margin指定 */
.margin_top_15 {
  margin-top: 15px;
}
.margin_bottom_15 {
  margin-bottom: 15px;
}

/* flex指定 */
.time_deposit_flex_container_parent {
  display: flex;
}
.time_deposit_flex_container_child1 {
  flex-basis: 40%;
}
.time_deposit_flex_container_child2 {
  flex-basis: 20%;
}

/* SP版 */
@media screen and (max-width: 750px) {
  #page_teiki .mdl-layout__content {
    padding: 30px 5% 30px 5%;
  }

  /* 表示非表示 */
  .display_sp {
    display: block;
  }
  .display_pc,
  .display_print {
    display: none;
  }

  /* 名義人 */
  .applicant_name_parent {
    justify-content: center;
  }

  /* 定期預金情報 */
  .time_deposit_table {
    margin-bottom: 15px;
  }
  .time_deposit_table_cell {
    display: flex;
  }
  .time_deposit_table_cell div {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 14px;
    padding: 10px;
  }
  .time_deposit_table > div:not(:last-child),
  .time_deposit_table_cell:not(:last-child) {
    border-bottom: 0.5px solid var(--gray-color);
  }
  .time_deposit_table_head {
    text-align: center;
    padding: 5px;
    border-bottom: 0.5px solid var(--gray-color);
  }
  .time_deposit_table_head,
  .time_deposit_table_cell div:first-child {
    justify-content: center;
    color: var(--main-color);
    background-color: var(--original-color);
  }
  .time_deposit_table_cell div:not(:first-child) {
    background-color: var(--main-color);
  }
}

/* PC版 */
@media screen and (min-width: 751px) {
  /* 表示非表示 */
  .display_pc {
    display: block;
  }
  .display_sp,
  .display_print {
    display: none;
  }

  /* 定期預金情報 */
  .time_deposit_table,
  .time_deposit_details,
  #time_deposit_details_pc {
    margin-bottom: 15px;
  }
  .time_deposit_table_head {
    text-align: center;
    padding: 5px 0;
    border-bottom: 0.5px solid var(--gray-color);
    justify-content: center;
    color: var(--main-color);
    background-color: var(--original-color);
  }
  .time_deposit_table_th,
  .time_deposit_table_td {
    display: flex;
  }
  .time_deposit_table_th div {
    text-align: center;
    color: var(--main-color);
    background-color: var(--original-color);
    font-size: 14px;
    padding: 10px;
    flex: 1;
  }
  .time_deposit_table_td div {
    display: flex;
    align-items: center;
    background-color: var(--main-color);
    font-size: 14px;
    padding: 10px;
    flex: 1;
    border-top: 0.5px solid var(--gray-color);
  }
  .time_deposit_table_th div:not(:last-child),
  .time_deposit_table_td div:not(:last-child) {
    border-right: 0.5px solid var(--gray-color);
  }

  .time_deposit_table_td div p.name-flex-1 {
    display: inline-block;
    margin: 0 auto;
  }
  .time_deposit_table_td div p {
    display: inline-block;
    text-align: left;
  }
  .remark_element {
    border-left: 0.5px solid var(--gray-color);
    padding: 25px !important;
  }
}

/* SP版 */
@media screen and (max-width: 750px) {
  .screenTitle-teiki {
    padding: 5px;
    font: Bold 15px/27px Noto Sans;
    font-family: var(--font-family);
  }

  /* 印刷ボタン */
  .insatsu_button_parent {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    padding: 2px 0px 0px 0px;
  }

  /* 表題部角丸 */
  .top_left_radius {
    border-top-left-radius: 5px;
  }
  .top_right_radius {
    border-top-right-radius: 5px;
  }
  .bottom_left_radius {
    border-bottom-left-radius: 5px;
  }
  .bottom_right_radius {
    border-bottom-right-radius: 5px;
  }

  /* 印刷ボタン */
  .insatsu_button_child {
    width: 49px;
    height: 28px;
    font-size: 14px;
    color: var(--font-color);
    background-color: var(--main-color);
    margin: 0 10px;
    position: relative;
    top: 5px;
  }

  /* プリントアイコンスマホ表示 */
  .screen-pc {
    display: none;
  }
  /* プリントアイコンスマホ表示 */
  .screen-response {
    display: block;
  }

  /* 照会画面へ戻るボタン */
  .modoru-button {
    display: block;
    margin: auto;
    margin-top: 0;
    margin-bottom: 30px;
    width: 200px;
    height: 44px;
    font-size: 12px;
    color: var(--font-color);
    background-color: var(--main-color);
    border-radius: 22px;
    border: 0.5px solid var(--gray-color);
  }
}

/* 印刷用 */
@media print {
  /* 印刷画面に表示しない */
  .no_print {
    display: none;
  }
  /* 表示非表示（共通） */
  .display_print {
    display: block;
  }

  /* 表示非表示（Mac Safariのみ適用） */
  .Mac .display_print {
    display: block;
    transform: scale(0.95); /* 95%に縮小 */
    transform-origin: top left; /*縮小の起点を左上に */
  }
  /* 表示非表示（iOS Safariのみ適用） */
  .iOS .display_print {
    display: block;
    transform: scale(0.88); /* 88%に縮小 */
    transform-origin: top left; /*縮小の起点を左上に */
  }

  .display_sp,
  .display_pc {
    display: none;
  }
  /* タイトル箇所 */
  .time_deposit_title {
    text-align: center;
    font-size: 22px;
    margin-bottom: 15px;
  }
  .shop_and_phone {
    text-align: right;
  }
  .shop_and_phone span {
    margin-left: 15px;
  }
  .nominee_area {
    border-bottom: solid 1px var(--font-color);
    width: 400px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 30px;
  }
  .nominee_area div p {
    width: 400px;
    text-align: center;
    font-size: 14px;
  }
  .nominee_area span {
    padding-left: 1px;
    font-size: 16px;
  }
  /* 定期預金情報 */
  .time_deposit_number {
    width: 25%;
    margin-bottom: 15px;
  }
  .time_deposit_number div:first-child {
    color: var(--font-color);
    background-color: var(--gray-color);
    border: 0.5px solid;
    border-bottom: none;
    padding: 5px 10px;
    text-align: center;
  }
  .time_deposit_number div:last-child {
    border: 0.5px solid;
    padding: 5px 10px;
    text-align: center;
  }
  .time_deposit_table_head {
    color: var(--font-color);
    background-color: var(--gray-color);
    text-align: center;
    padding: 5px 0;
    justify-content: center;
    box-sizing: border-box;
  }
  .time_deposit_table_th,
  .time_deposit_table_td {
    display: flex;
  }
  .time_deposit_table_th div {
    text-align: center;
    color: var(--font-color);
    background-color: var(--gray-color);
    font-size: 14px;
    padding: 5px;
    flex: 1;
    border-style: solid;
  }
  .time_deposit_table_td div {
    align-items: center;
    font-size: 14px;
    padding: 5px;
    flex: 1;
    border-style: solid;
  }
  .remark_element {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .display_flex {
    display: flex;
  }

  /* フォントサイズ */
  .display_print,
  .time_deposit_notes,
  .time_deposit_table_th div,
  .time_deposit_table_td div {
    font-size: 10px;
  }
 
  .iOS .time_deposit_notes {
	font-size: 9px;
  }
  .time_deposit_table_th div p,
  .time_deposit_table_td div p {
    font-size: 10px;
    transform: scale(0.9);
  }

  /* 枠線 */
  .border_top {
    border-top-width: 0.5px;
    border-style: solid;
  }
  .border_bottom {
    border-bottom-width: 0.5px;
    border-style: solid;
  }
  .border_left {
    border-left-width: 0.5px;
    border-style: solid;
  }
  .border_right {
    border-right-width: 0.5px;
    border-style: solid;
  }

  /* 枠線調整（GoogleChromeのみ） */
  _:lang(x)::-internal-media-controls-overlay-cast-button,
  .padding_adjustment_4px_chrome {
    padding-right: 4px !important;
  }
  _:lang(x)::-internal-media-controls-overlay-cast-button,
  .padding_adjustment_6px_chrome {
    padding-right: 6px !important;
  }
}

/* 注意文言 */
.time_deposit_notes p:last-child {
  margin-top: 10px;
  margin-bottom: 30px;
}