@charset "UTF-8";
/**
 *
 * マイページ（ mypage style ）
 * NOTE: 用途の詳細の記載をお勧めします
 * 
**/
.page-mypage {
  --mypage-input-height: 44px;
}
@media only screen and (max-width: 767px) {
  .page-mypage {
    --mypage-input-height: 44px;
  }
}

body:has(.page-x-scroll) {
  overflow-x: auto !important;
}
body > .wrap.page-x-scroll {
  overflow: visible;
}


.page-mypage .breadcrumb {
  margin-bottom: 0;
}


@media only screen and (max-width: 767px) {
  .page-mypage .subpage-head {
    padding-bottom: 0;
  }
}

.page-mypage .foot__img {
  display: none;
}
.page-mypage .foot__logo {
  display: none;
}
.page-mypage .foot-nav {
  display: none;
}

/**
 * .search (mbase)
 * NOTE: 
**/
@media only screen and (max-width: 767px) {
  .page-mypage .search__ttl {
    font-size: 12px;
    /* text-align: center; */
    width: 100%;
  }
  .page-mypage .search__item {
    width: 100%;
  }
  .page-mypage .search__item .select2 {
    width: 100%;
  }
  .page-mypage .search__item .select2 select {
    width: 100%;
  }
  .page-mypage .search__item .form-control {
    width: 100%;
  }
}

.page-mypage .search__area--main .search__filter {
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .search__area--main {
    padding: 20px 0;
  }
  .page-mypage .search__area--main .search__filter {
    gap: 6px;
  }
}

.page-mypage .search__item button {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  box-shadow: 0 5px 0 0 #a6543a;
  border-radius: 50px;
  background: var(--site-c-main);
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
  width: 110px;
  height: var(--mypage-input-height);
  padding: 0 10px;
  position: relative;
  top: 0;
  transition: box-shadow var(--site-duration) ease, border var(--site-duration) ease, background var(--site-duration) ease, color var(--site-duration) ease, width var(--site-duration) ease, height var(--site-duration) ease, top var(--site-duration) ease, opacity var(--site-duration) ease;
}

.page-mypage .search__item button:hover {
  box-shadow: 0 0 0 0 var(--site-c-main-active);
  border-color: var(--site-c-main-active);
  background: var(--site-c-main-active);
  top: 5px;
}
@media only screen and (max-width: 767px) {
  /* .page-mypage .search__item:nth-last-child(2) {
    width: calc( 100% - 6px - var(--mypage-input-height) );
  }
  .page-mypage .search__item:nth-last-child(1) {
    width: var(--mypage-input-height);
  } */
  .page-mypage .search__item:has(.btn--show-disabledata),
  .page-mypage .search__item:has(.mlist25p) {
    width: calc( 100% - 6px - var(--mypage-input-height) );
  }
  .page-mypage .search__item:has(button) {
    width: var(--mypage-input-height);
  }
  .page-mypage .search__item button {
    width: var(--mypage-input-height);
    height: var(--mypage-input-height);
  }
}


/**
 * .select2 (mbase)
 * NOTE: マイページのテンプレートで、 base.cssの .selectを使用しても問題ありません。
**/

.select2 {
  display: inline-block;
  position: relative;
}
.select2 select {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #fff;
  font-size: 16px;
  width: 200px;
  height: var(--mypage-input-height);
  padding: 0 10px;
  border: solid 2px #c1c1c1;
}
.select2::after {
  content: '';
  display: block;
  border-top: 1px solid;
  border-right: 1px solid;
  width: 8px;
  height: 8px;
  position: absolute;
  margin-top: -7px;
  top: 50%;
  right: 16px;
  transform: rotate(135deg);
}
.select2:has([class*="mlist"])::after {
	display: none;
}

.table .select2 select {
  border-color: #c1c1c1;
  border-width: 2px;
}


/**
 * .mlist (mbase)
 * NOTE: 
**/
.page-mypage .search__item [class*="mlist"] {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: var(--mypage-input-height);
}
@media only screen and (max-width: 767px) {
  .page-mypage .search__item [class*="mlist"] {
  padding-inline: 10px;
  }
}

/**
 * .btn (mbase)
 * NOTE: 
**/
.table .btn {
  font-weight: 400;
  max-width: 176px;
  max-width: none;
  width: 100%;
  padding: 0;
  position: relative;
}
.table .modal__btn a, .table .modal__btn input, .table .modal__btn button, .table .modal__btn > span,
.table .btn a, .table .btn input, .table .btn button, .table .btn > span {
  font-size: 16px;
  font-weight: 700;
  font-feature-settings: 'palt';
  line-height: 1.25;
  white-space: nowrap;
  width: 100%;
  height: calc( var(--mypage-input-height) * 0.72 );
  padding-inline: 1.5em;
}
.btn--delete > a {
  display: flex;
  align-items: center;
  box-shadow: none;
  border: 2px solid #ddd;
  border-radius: 60px;
  background: #fff;
  color: var(--site-c-dark);
  white-space: nowrap;
  height: calc( var(--mypage-input-height) * 0.72 );
  margin-top: 2px;
  padding-inline: 1.25em;
}
@media only screen and (max-width: 1279px) {
  .table .modal__btn a, .table .modal__btn input, .table .modal__btn button, .table .modal__btn > span,
  .table .btn a, .table .btn input, .table .btn button, .table .btn > span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 959px) {
  .table .btn {
    max-width: 280px;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .table .btn {
    max-width: 176px;
    margin: 0;
  }
}


/**
 * AdminLTE2 .form-control
 * NOTE: 
**/

.page-mypage .form-control {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #fff;
  border-color: #fff;
  font-size: 16px;
  width: 200px;
  height: var(--mypage-input-height);
  padding: 0 10px;
  border: solid 2px #c1c1c1;
}


/**
 * AdminLTE2 .result
 * NOTE: 
**/

.page-mypage .result {
  padding-block: 16px;
}
.page-mypage .result .l-container {
  max-width: none;
  width: auto;
}


/**
 * AdminLTE2 .box
 * NOTE: 
**/

.page-mypage .box.box-default {
  border-color: var(--site-c-dark);
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.page-mypage .box-body {
  padding: 0;
}
.page-mypage .box-body.top-list:has(.table) {
  background: var(--site-c-lighter);
  background: #fff;
  overflow-x: scroll;
}
.page-mypage .box-body.top-list:has(.table-dashboard) {
  height: calc( 100svh - var(--header-height) - 422px );/* NOTE: 約6行分表示 */
  height: 480px;
}
.page-mypage-m-o .box-body.top-list:has(.table-dashboard) {
  height: calc( 100svh - var(--header-height) - 380px );
  height: 480px;
}
@media only screen and (min-width: 768px) {
  .page-mypage .box-body.top-list:has(.table)::-webkit-scrollbar {
    width: 12px;
  }
  .page-mypage .box-body.top-list:has(.table)::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }
  .page-mypage .box-body.top-list:has(.table)::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: var(--site-c-light);
  }
}
@media only screen and (max-width: 560px) {
  .page-mypage .box-body.top-list:has(.table-dashboard) {
    height: calc( 100svh - 531px );/* NOTE: 531pxは、大体のナビのすべての高さ */
    height: 480px;
  }
  .page-mypage-m-o .box-body.top-list:has(.table-dashboard) {
    height: calc( 100svh - 463px );
    height: 480px;
  }
}


/**
 * AdminLTE2 .table
 * NOTE: 
**/
.page-mypage .box-body.top-list .table {
  background: #fff;
  min-width: 100%;
  width: auto;
  border-collapse: collapse;
}
.page-mypage .box-body.top-list .table th,
.page-mypage .box-body.top-list .table td {
  padding: 5px;
  vertical-align: middle;
}
.page-mypage .box-body.top-list .table td:first-child,
.page-mypage .box-body.top-list .table td:last-child {
  text-align: center;
}
.page-mypage .box-body.top-list .table th {
  font-size: 12px;
  font-feature-settings: 'palt';
  white-space: nowrap;
}
@media only screen and (max-width: 1279px) {
  .page-mypage .box-body.top-list .table th,
  .page-mypage .box-body.top-list .table td {
    font-size: 13px;
    padding: 5px 3px;
  }
  .page-mypage .box-body.top-list .table th {
    font-size: 11px;
  }
}


/* cell size */
.page-mypage .table [data-cel="name"] {
  font-feature-settings: 'palt';
  min-width: 112px;
}
.page-mypage .table [data-cel="text"] {
  font-feature-settings: 'palt';
  min-width: 200px;
}
.page-mypage .table [data-cel="date"] {
  min-width: 80px;
}
.page-mypage .table [data-cel="func"] {
  min-width: 176px;
}
.page-mypage .table [data-cel="tight"] {
  text-align: center;
  min-width: 32px;
  padding-inline: 2px !important;
}
@media only screen and (max-width: 1279px) {
  .page-mypage .table [data-cel="name"] {
    min-width: 112px;
  }
  .page-mypage .table [data-cel="text"] {
    min-width: 200px;
  }
  .page-mypage .table [data-cel="date"] {
    min-width: 80px;
  }
  .page-mypage .table [data-cel="func"] {
    min-width: 160px;
  }
  .page-mypage .table [data-cel="tight"] {
    min-width: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .page-mypage .table [data-cel="name"] {
    min-width: 112px;
  }
  .page-mypage .table [data-cel="text"] {
    min-width: 200px;
  }
  .page-mypage .table [data-cel="date"] {
    min-width: 80px;
  }
  .page-mypage .table [data-cel="tight"] {
    min-width: 32px;
  }
}


/* 入居先決定 m1,m2側共通 */
/* NOTE: ステータスに入居先決定があるとその行以外はグレイアウト（ディスエイブル）処理 */

/* 入居先決定 以外の行（カレント以外）のスタイル new 2025.0317 */
.page-mypage .table tr.hokasisetu_nyukyoketteisumi {
  background: #d1d1d1;
  color: #a1a1a1;
}
.page-mypage .table tr.hokasisetu_nyukyoketteisumi [type="radio"],
.page-mypage .table tr.hokasisetu_nyukyoketteisumi [type="checkbox"],
.page-mypage .table tr.hokasisetu_nyukyoketteisumi [type="button"],
.page-mypage .table tr.hokasisetu_nyukyoketteisumi [type="submit"],
.page-mypage .table tr.hokasisetu_nyukyoketteisumi .modal-open,
.page-mypage .table tr.hokasisetu_nyukyoketteisumi .btn,
.page-mypage .table tr.hokasisetu_nyukyoketteisumi a {
  opacity: 0.33;
  pointer-events: none;
}
.page-mypage .table tr.hokasisetu_nyukyoketteisumi .btn a {
  opacity: 1;
}


/* 入居先決定 以外の行（カレント以外）のスタイル old */
/*
.page-mypage .table:has(.nyukyoketteisumi) tr:not(.tableset__list) {
  background: #d1d1d1;
  color: #a1a1a1;
}
.page-mypage .table:has(.nyukyoketteisumi) tr [type="radio"],
.page-mypage .table:has(.nyukyoketteisumi) tr [type="checkbox"],
.page-mypage .table:has(.nyukyoketteisumi) tr [type="button"],
.page-mypage .table:has(.nyukyoketteisumi) tr [type="submit"],
.page-mypage .table:has(.nyukyoketteisumi) tr .modal-open,
.page-mypage .table:has(.nyukyoketteisumi) tr .btn,
.page-mypage .table:has(.nyukyoketteisumi) tr a {
  opacity: 0.33;
  pointer-events: none;
}
.page-mypage .table:has(.nyukyoketteisumi) tr .btn a {
  opacity: 1;
}
.page-mypage .table:has(.nyukyoketteisumi) .modal-drawer [type="radio"],
.page-mypage .table:has(.nyukyoketteisumi) .modal-drawer [type="checkbox"],
.page-mypage .table:has(.nyukyoketteisumi) .modal-drawer [type="button"],
.page-mypage .table:has(.nyukyoketteisumi) .modal-drawer [type="submit"],
.page-mypage .table:has(.nyukyoketteisumi) .modal-drawer .btn,
.page-mypage .table:has(.nyukyoketteisumi) .modal-drawer a {
  opacity: 1;
  pointer-events: auto;
}
.page-mypage .table tr.nyukyoketteisumi {
  background: #fff !important;
  color: #000 !important;
}
.page-mypage .table tr.nyukyoketteisumi [type="radio"],
.page-mypage .table tr.nyukyoketteisumi [type="checkbox"],
.page-mypage .table tr.nyukyoketteisumi [type="button"],
.page-mypage .table tr.nyukyoketteisumi [type="submit"],
.page-mypage .table tr.nyukyoketteisumi .modal-open,
.page-mypage .table tr.nyukyoketteisumi .btn,
.page-mypage .table tr.nyukyoketteisumi a {
  opacity: 1 !important;
  pointer-events: auto !important;
}
*/


/* m1側バルーン */
.nyukyoketteisumi-balloon {
  position: relative;
}
.nyukyoketteisumi-balloon > * {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  border-radius: 4px;
  background: #EC0D0D;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  min-width: 20px;
  width: auto;
  height: 22px;
  padding: 6px;

  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  transition: all 0.6s ease 0.2s
}
.nyukyoketteisumi-balloon::before {
  content: '';
  display: block;
  border-width: 8px 6px;
  border-style: solid;
  border-color: transparent transparent #EC0D0D;
  position: absolute;
  top: 2px;
  right: -2px;
  z-index: 1;
  transform: translate(0,-100%);
}


/**
 * AdminLTE2 .box on sticky
 * NOTE: 
**/
.page-mypage .box-body.top-list .table thead th {
  position: sticky;
  left: auto;
  top: 1px;
  z-index: 1;
}
.page-mypage .box-body.top-list .table thead th::before {
  content: '';
  display: block;
  border: solid 1px #dcdcdc;
  border-top-width: 2px;
  position: absolute;
  top: -2px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  pointer-events: none;
}


/**
 * m_compare2, m_compare1
 * NOTE: 比較表
**/
.table-compare-group {
  --table-label-width: 336px;
  --table-label-head-width: 112px;
  --table-compare-width: 336px;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  font-size: 14px;
}
.page-mypage .box-body.top-list:has(.table-compare-group) {
  height: 1080px;/* NOTE: 大体テーブルが表示できるサイズ */
}
@media only screen and (max-width: 767px) {
  .table-compare-group {
    --table-label-width: 336px;
    --table-label-head-width: 120px;
    --table-compare-width: 336px;
  }
}
.table-compare-label {
  display: table;
  border-collapse: collapse;
  font-size: inherit;
  min-width: var(--table-label-width);
  width: auto;
  margin: 0;
  position: sticky;
  top: auto;
  left: 0;
  z-index: 10;
}
.table-compare-label>tbody {}
.table-compare-label>tbody>tr {}
.table-compare-label>tbody>tr>td {
  background: rgba(253,230,124,0.16);
}
/* NOTE: acitveの時 */
.is--active-address .table-compare-label>tbody>tr>.td--address,
.is--active-price .table-compare-label>tbody>tr>.td--price,
.is--active-type .table-compare-label>tbody>tr>.td--type,
.is--active-level .table-compare-label>tbody>tr>.td--level,
.is--active-opening-date .table-compare-label>tbody>tr>.td--opening-date {
  background: rgba(253,230,124,0.66);
  color: #000;
  font-weight: 700;
}

.table-compare-label>tbody>tr>.td--label-head {
  background: #fff;
  font-weight: 700;
  /* width: var(--table-label-head-width); */
}



.table-compare-item {
  display: table;
  border-collapse: collapse;
  border-left: solid 1px #dcdcdc;
  border-right: solid 1px #dcdcdc;
  font-size: inherit;
  min-width: var(--table-compare-width);
  width: auto;
  margin: 0;
}
.table-compare-item>tbody {}
.table-compare-item>tbody>tr {}
.table-compare-item>tbody>tr>td {}
.table-compare-item>tbody>tr>td>a {
  text-decoration-style: dashed;
  text-decoration-thickness: 1px;
  text-decoration-line: underline;
  text-decoration-color: #999;
}
.table-compare-item>tbody>tr>.td--name {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.table-compare-item>tbody>tr>.td--type {}
.table-compare-item>tbody>tr>.td--opening-date {}
.table-compare-item>tbody>tr>.td--address {}
.table-compare-item>tbody>tr>.td--price {}
.table-compare-item>tbody>tr>.td--level {}
/* NOTE: acitveの時 */
.is--active-address .table-compare-item>tbody>tr>.td--address,
.is--active-price .table-compare-item>tbody>tr>.td--price,
.is--active-type .table-compare-item>tbody>tr>.td--type,
.is--active-level .table-compare-item>tbody>tr>.td--level,
.is--active-opening-date .table-compare-item>tbody>tr>.td--opening-date {
  background: rgba(253,230,124,0.66);
  color: #000;
  font-weight: 700;
}


.is--active-address {}
.is--active-price {}
.is--active-type {}
.is--active-level {}
.is--active-opening-date {}

.page-mypage .box-body.top-list > .table.table--mtop,
.table--mtop {
  min-width: 0;
  width: auto;
  margin: 0;
  table-layout: auto;
}

.table--mtop2a td {
  padding: 5px 10px !important;
}
.table--mtop2a .td--label-head {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.table--mtop2a .td--orange {
  background-color: #ffc000;
  font-weight: 700;
  text-align: center;
}
.table--mtop2a .td--white {
  background-color: #fff;
}
.table--mtop2a .c_red {
  color: #ff1400 !important;
  text-align: right !important;
}
.table--mtop2a .td--right {
  text-align: right !important;
}
.table--mtop2a .td--left {
  text-align: left !important;
}
.top-list > p {
  font-size: 18px;
  font-weight: 700;
  color: var(--site-c-dark);
  margin: .5em 0 0 .5em;
}


.td--name > a {
  color: var(--site-c-dark);
}
.td--name > a:hover {
  opacity: .6;
}


/**
 * /m_o2/
 * NOTE: 
**/

.c-head.m-dashboard-head {}
@media screen and (max-width: 767px) {
  .c-head.m-dashboard-head {
    margin: 0;
  }
}

.m-dashboard-head__inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 959px) {
  .m-dashboard-head__inner {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    gap: 20px 12px;
  }
}

.m-dashboard-text {
  width: 100%;
}
@media (min-width: 960px) {
  .m-dashboard-text+* {
    /* margin-left: auto; */
    margin-right: 0;
  }
}
@media screen and (max-width: 959px) {
  .m-dashboard-text {
    width: 100%;
  }
}

.m-dashboard-button {
  width: 192px;
  margin-top: -4px;
}
.m-dashboard-button .btn {
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.m-dashboard-button .btn a,
.m-dashboard-button .btn [type="button"],
.m-dashboard-button .btn [type="submit"],
.m-dashboard-button .btn button,
.m-dashboard-button .btn > span,
.m-dashboard-button .btn > label {
  font-size: inherit;
  height: 44px;
}
@media screen and (max-width: 959px) {
  .m-dashboard-button {
    width: calc( ( 100% - 12px ) / 2 );
  }
  .m-dashboard-button .btn {
    font-size: 14px;
  }
  .m-dashboard-button .btn a,
  .m-dashboard-button .btn [type="button"],
  .m-dashboard-button .btn [type="submit"],
  .m-dashboard-button .btn button,
  .m-dashboard-button .btn > span,
  .m-dashboard-button .btn > label {
    font-size: 14px;
    height: 44px;
  }
}

.m-dashboard-sort {
  width: 192px;
}
.m-dashboard-sort.select select {
  border: solid 2px #c1c1c1;
  max-width: none;
  width: 100%;
  height: 44px;
}
@media screen and (max-width: 959px) {
  .m-dashboard-sort {
    width: calc( ( 100% - 12px ) / 2 );
    margin-left: auto;
  }
}



.btn.btn--show-disabledata {
  position: relative;
}
.btn.btn--show-disabledata > * {
  box-shadow: 0 5px 0 0 #919191;
  border: solid 2px #c1c1c1;
  background: #fff;
  color: var(--site-c-dark);
  top: 0;
  transition: top 0.2s ease, box-shadow 0.2s ease;
}
.btn--show-disabledata > label:hover,
.btn--show-disabledata > span:hover,
.btn--show-disabledata > *:hover {
  box-shadow: 0 0 0 0 #919191;
  border: solid 2px #c1c1c1;
  background: #f1f1f1;
  color: var(--site-c-dark);
  top: 5px;
}
.btn.btn--show-disabledata:has(:checked) {}
.btn.btn--show-disabledata:has(:checked) > label,
.btn.btn--show-disabledata:has(:checked) > span,
.btn.btn--show-disabledata:has(:checked) > * {
  box-shadow: 0 0 0 0 var(--site-c-main-active);
  border-color: var(--site-c-main-active);
  background: var(--site-c-main-active);
  color: #fff;
  top: 5px;
}
.btn.btn--show-disabledata [type="checkbox"],
.btn.btn--show-disabledata [type="radio"] {
  position: absolute;
  opacity: 0;
}

.btn.btn--show-disabledata .item--off {
  display: inline-block;
}
.btn.btn--show-disabledata:has(:checked) .item--off {
  display: none;
}
.btn.btn--show-disabledata .item--on {
  display: none;
}
.btn.btn--show-disabledata:has(:checked) .item--on {
  display: inline-block;
}


