/*** 共通 ***/
/* ボタン */
.profile-detail-btn{
  text-align: right; /*右寄せ*/
  margin: 3% auto; /*マージン：上下　左右*/
}

.grid-container-view {
  display: grid;
  grid-template-columns: 1fr; /* レスポンシブ対応 1 */
  gap: 10px; /* 隣接するアイテム同士の縦横の間隔 */
  list-style: none; /* liの点を消す */
}

/*** 簡易プロフィール ***/
/** 検索条件 **/
/* アコーディオン */
input[type="checkbox"]{
  display:none;
}

/* 検索条件 */
.select-detail-big {
  width: 70%;
}

.select-detail-small {
  width: 20%;
}

.div-profile-age {
  display: flex;
  margin: 0% 0% 3% 0%;  /*マージン：上 右 下 左*/
}

.profile-age {
  margin: 2% 0%;  /*マージン：上下　左右*/
}

.profile-age-text {
  margin: 0% 3%;
  /* 中央寄せ */
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-flg label{
  display: inline;
  margin: auto 2%; /*マージン：上下　左右*/
}

.grid-container-search{
  display: grid;
  grid-template-columns: 1fr 2fr; /* レスポンシブ対応 1:2 */
  gap: 10px; /* 隣接するアイテム同士の縦横の間隔 */
  list-style: none; /* liの点を消す */
}

/** 検索結果表示 **/
.grid-container-result {
  display: grid;
  grid-template-columns: repeat(3, minmax(100px, 1fr)); /* レスポンシブ対応 (最小,最大) */
  gap: 10px; /* 隣接するアイテム同士の縦横の間隔 */
  list-style: none; /* liの点を消す */
}

.profile-simple-box{
  margin: 5% auto; /*マージン：上下　左右*/
  padding: 2% 2%; /*余白(内側)：上下　左右*/
  border: solid 1px black; /*実線 1px 黒*/
}

.profile-simple-box .text-ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-new-line{
  word-break : break-all;
}

.result-item-box{
  display:flex;
  width:100%;
  margin:0;
}

.result-item-box .result-item-name{
  width: 45%;
  max-height: 26px;
}

.result-item-box .result-item-value{
  width: 60%;
  padding-left: 2%;
}

.result-item-name .result-item-name-right{
  text-align: right;
}

.result-item-name .result-item-name-left{
  text-align: left;
  float: left;
}

/*** 詳細プロフィール ***/
.grid-container-details {
  display: grid;
  grid-template-columns: 1fr 1fr; /* レスポンシブ対応 1 */
  gap: 10px; /* 隣接するアイテム同士の縦横の間隔 */
  list-style: none; /* liの点を消す */
  margin: 0%; /*マージン：上下　左右*/
}

.profile-detail-box{
  margin: 0% auto 3% auto; /*マージン：上 右 下 左*/
  padding: 2% 2%; /*余白(内側)：上下　左右*/
  border: solid 1px black; /*実線 1px 黒*/
  /* word-break: break-all;  */
  /*文字列の折り返し*/
}

.profile-item-box{
  display:flex;
  width:100%;
  margin:0;
}

.profile-item-box .profile-item-name{
  width: 30%;
}

.profile-item-box .profile-item-value{
  width: 70%;
  padding-left: 1%;
}

.profile-item-name .profile-item-name-right{
  text-align: right;
}

.profile-item-name .profile-item-name-left{
  text-align: left;
  float: left;
}

h4{
  margin: auto !important; /*マージン*/
}

/*** 紹介依頼メールフォーム ***/
.constant-message{
  margin: 3% auto; /*マージン：上下　左右*/
}

.grid-container-request{
  display: grid;
  grid-template-columns: 1fr 2fr; /* レスポンシブ対応 1:2 */
  gap: 10px; /* 隣接するアイテム同士の縦横の間隔 */
  list-style: none; /* liの点を消す */
}

/*** ログイン ***/
.text-center{
  text-align: center; /*中央寄せ*/
}

.grid-container-login {
  display: grid;
  grid-template-columns: 1fr 2fr; /* レスポンシブ対応 1:2 */
  gap: 10px; /* 隣接するアイテム同士の縦横の間隔 */
  list-style: none; /* liの点を消す */
}

.login-btn{
  text-align: center; /*中央寄せ*/
}

.login-text-rigth{
  text-align: right; /*右寄せ*/
  padding: 0% 5% 0% 0%; /*余白：上 右 下 左*/
}

.login-text-box{
  width: 60% !important;
}