/* 2023年6月13日、kikiによる作成 */

/* スクロールバーを削除 */
.body[data-v-64f15664] {
  overflow-x: hidden;
}
/*マスターページグレー*/
.b0102Body[data-v-64f15664] {
  background-color: #f6f6f6;
  width: 100%;
  left: 0;
  top: 1.1rem;
}
/* 2つのボディ部分の枠線シャドウ、白い背景 */
.b0102Title[data-v-64f15664],
.b0102Main[data-v-64f15664] {
  margin: 1vw auto;
  box-shadow: 0 0.03333rem 0.06667rem #dce5f4, 0 0 0.1rem #dce5f4;
  background-color: #ffffff;
}

/* div内上下距離 */
.b0102Main[data-v-64f15664] {
  padding: 5vh;
}
/* 表のdiv左マージン */
.b0102TableDiv[data-v-64f15664] {
margin-left: 5vw;
}
/* タイトルバーの上下内外余白 */
.b0102Title[data-v-64f15664] {
  margin-bottom: 0.25rem;
}

/* タイトルバーアイコンの幅、マージン */
.b0102Icon[data-v-64f15664] {
  width: 0.88333rem;
  margin-left: 0.43333rem;
  margin-top: 0.35rem;
  margin-bottom: 0.35rem;
}
.title_name[data-v-64f15664] {
  color: #006699;
  margin-left: 0.83333rem;
  font-weight: 600;
  font-size: 2em;
  padding: 4vh 1vh;
}

/* 郵便番号の上位3桁の入力ボックス */
.postal1[data-v-64f15664] {
  width: 1.33333rem !important;
  /* margin: 11px; */
}

/* 郵便番号後4桁入力ボックス */
.postal2[data-v-64f15664] {
  width: 2rem !important;
  /* margin: 11px; */
}

/* アップロード画像のサイズは枠内に制限 */
.avatar[data-v-64f15664] {
  width: 2.5rem;
  height: 2.5rem;
}

/* 入力ボックスドロップダウンボックスラベルの幅の変更 */
.el-col[data-v-64f15664] {
  margin-bottom: 0.33333rem; /* 列と列の間隔の設定 */
}
.align-right[data-v-64f15664] {
  display: flex;
  justify-content: flex-end;
}
.align-left[data-v-64f15664] {
  display: flex;
  justify-content: flex-start;
}
.custom[data-v-64f15664] {
  margin: 0.16667rem;
}
.custom-margin[data-v-64f15664] {
  margin-top: 0.21667rem;
}
.custom-searchPostal[data-v-64f15664] {
  margin-left: 0.21667rem;
}
/* アドレスバーの幅 */
.address[data-v-64f15664] {
  width: 82% !important;
}

/* 下の3つのボタンの幅 */
.b0102Button[data-v-64f15664] {
  width: 1.66667rem;
}

/* メディアクエリー -  ＞＝1000px */
@media screen and (min-width: 1000px) {
.b0102Title[data-v-64f15664],
  .b0102Main[data-v-64f15664] {
      margin-left: 10vw;
      margin: 1vw auto;
      box-shadow: 0 0.03333rem 0.06667rem #dce5f4, 0 0 0.1rem #dce5f4;
      background-color: #ffffff;
}
}

/* メディアクエリー - 375px ＞ 999px 之间 */
@media screen and (min-width: 375px) and (max-width: 999px) {
.b0102Title[data-v-64f15664],
  .b0102Main[data-v-64f15664] {
      margin: 1vw auto;
      box-shadow: 0 0.03333rem 0.06667rem #dce5f4, 0 0 0.1rem #dce5f4;
      background-color: #ffffff;
}
}
.deleteButtom[data-v-64f15664]{
  height: auto;
  margin-left: 0.75rem;
}
.b0102RegisteredPicFlex[data-v-64f15664]{
  flex-wrap: wrap;
  display:flex;
}
.b0102RegisteredPic[data-v-64f15664]{
  padding-right: 0.83333rem;
}
