@keyframes _loader {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes _ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(60, 158, 0, 0.6), 0 0 0 20px rgba(60, 158, 0, 0.6); }
  100% {
    box-shadow: 0 0 0 20px rgba(60, 158, 0, 0.6), 0 0 0 40px rgba(60, 158, 0, 0); } }

@keyframes _fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes _fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes _fadeInUp {
  0% {
    transform: translate3d(0, 20px, 0);
    opacity: 0; }
  99.99999% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: none;
    opacity: 1; } }

@keyframes _fadeInZoom {
  0% {
    transform: scale(0.9);
    opacity: 0; }
  99.99999% {
    transform: scale(1); }
  100% {
    transform: none;
    opacity: 1; } }

@keyframes _fadeOutDown {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  100% {
    transform: translate3d(0, 20px, 0);
    opacity: 0; } }

@keyframes ripple {
  0% {
    opacity: 0; }
  30% {
    opacity: 1; }
  60% {
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.1);
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.button.loading, .js_loading.loading {
  position: relative;
  cursor: default;
  text-shadow: none !important;
  color: transparent !important;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0s;
  transition: all 0s; }
  .button.loading:hover, .js_loading.loading:hover {
    color: transparent !important; }
  .button.loading::before, .js_loading.loading::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -9px;
    width: 18px;
    height: 18px;
    border-radius: 500rem;
    border: 3px solid rgba(0, 0, 0, 0.15); }
  .button.loading::after, .js_loading.loading::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin: -9px;
    width: 18px;
    height: 18px;
    -webkit-animation: load8 .6s infinite linear;
    animation: load8 .6s infinite linear;
    border-radius: 500rem;
    border-color: #fff transparent transparent;
    border-style: solid;
    border-width: 3px;
    -webkit-box-shadow: 0 0 0 1px transparent;
    box-shadow: 0 0 0 1px transparent; }

.checkbox input[type=checkbox]:checked {
  background-color: #3C9E00;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22check%22%20class%3D%22svg-inline--fa%20fa-check%20fa-w-16%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M173.898%20439.404l-166.4-166.4c-9.997-9.997-9.997-26.206%200-36.204l36.203-36.204c9.997-9.998%2026.207-9.998%2036.204%200L192%20312.69%20432.095%2072.596c9.997-9.997%2026.207-9.997%2036.204%200l36.203%2036.204c9.997%209.997%209.997%2026.206%200%2036.204l-294.4%20294.401c-9.998%209.997-26.207%209.997-36.204-.001z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat; }

body > .loader-modal {
  position: fixed; }

.loader-modal {
  position: absolute;
  display: flex;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99999;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: start;
  align-content: center;
  background: rgba(0, 0, 0, 0.3);
  padding: 30px;
  overflow-y: auto; }
  .loader-modal .loader {
    margin: auto;
    position: relative;
    cursor: default;
    text-shadow: none !important;
    color: transparent !important;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all 0s;
    transition: all 0s; }
    .loader-modal .loader::after {
      position: absolute;
      content: '';
      top: 50%;
      left: 50%;
      margin: -9px;
      width: 18px;
      height: 18px;
      -webkit-animation: load8 .6s infinite linear;
      animation: load8 .6s infinite linear;
      border-radius: 500rem;
      border-color: #fff transparent transparent;
      border-style: solid;
      border-width: 3px;
      -webkit-box-shadow: 0 0 0 1px transparent;
      box-shadow: 0 0 0 1px transparent; }

.menu-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px; }
  .menu-button .menu-trigger {
    position: relative;
    width: 22px;
    height: 18px;
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    z-index: 1; }
    .menu-button .menu-trigger span {
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box;
      z-index: 1;
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #3C9E00;
      border-radius: 4px; }
      .menu-button .menu-trigger span:nth-of-type(1) {
        top: 0; }
      .menu-button .menu-trigger span:nth-of-type(2) {
        top: 8px; }
      .menu-button .menu-trigger span:nth-of-type(3) {
        bottom: 0; }
    .menu-button .menu-trigger.active span:nth-of-type(1) {
      -webkit-transform: translateY(8px) rotate(-45deg);
      transform: translateY(8px) rotate(-45deg); }
    .menu-button .menu-trigger.active span:nth-of-type(2) {
      opacity: 0; }
    .menu-button .menu-trigger.active span:nth-of-type(3) {
      -webkit-transform: translateY(-8px) rotate(45deg);
      transform: translateY(-8px) rotate(45deg); }

._ascend._modal {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: start;
  align-content: center;
  background: rgba(0, 0, 0, 0.7);
  padding: 30px;
  overflow-y: auto; }
  @media screen and (max-width: 767px) {
    ._ascend._modal {
      padding: 15px; } }
  ._ascend._modal > .modal-inner {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    width: 100%;
    min-height: 100%; }
    ._ascend._modal > .modal-inner > .modal-content {
      position: relative;
      opacity: 0;
      animation-fill-mode: both; }
      ._ascend._modal > .modal-inner > .modal-content.show {
        animation-name: show;
        -webkit-animation-name: show;
        animation-duration: .3s;
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
      ._ascend._modal > .modal-inner > .modal-content.hide {
        animation-name: hide;
        -webkit-animation-name: hide;
        animation-duration: .2s;
        animation-timing-function: cubic-bezier(0.4, 0, 1, 1); }
      ._ascend._modal > .modal-inner > .modal-content > i.close {
        position: sticky;
        top: -12px;
        width: 32px;
        height: 32px;
        display: block;
        z-index: 99;
        margin-left: auto;
        margin-bottom: -32px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(134,134,139,0.8)' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2C6.47,2 2,6.47 2,12C2,17.53 6.47,22 12,22C17.53,22 22,17.53 22,12C22,6.47 17.53,2 12,2M14.59,8L12,10.59L9.41,8L8,9.41L10.59,12L8,14.59L9.41,16L12,13.41L14.59,16L16,14.59L13.41,12L16,9.41L14.59,8Z' /%3E%3C/svg%3E");
        background-color: #fff;
        transform: translate(-16px, 16px);
        cursor: pointer;
        border-radius: 50%; }
      ._ascend._modal > .modal-inner > .modal-content .modal-body {
        position: relative; }
        ._ascend._modal > .modal-inner > .modal-content .modal-body .dimmer {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          display: flex;
          -webkit-box-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          align-items: center;
          align-content: center;
          background: #efefef;
          z-index: 9; }
          ._ascend._modal > .modal-inner > .modal-content .modal-body .dimmer.white {
            background: #fff; }
  ._ascend._modal.confirm .actions .button {
    min-width: 80px;
    font-size: 14px; }

@keyframes square-spin {
  25% {
    transform: perspective(100px) rotateX(180deg) rotateY(0); }
  50% {
    transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
  75% {
    transform: perspective(100px) rotateX(0) rotateY(180deg); }
  100% {
    transform: perspective(100px) rotateX(0) rotateY(0); } }

.square-spin > div {
  animation-fill-mode: both;
  width: 50px;
  height: 50px;
  background: #333;
  animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; }

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  5% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px); }

.ball-scale-multiple > div:nth-child(2) {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s; }

.ball-scale-multiple > div:nth-child(3) {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s; }

.ball-scale-multiple > div {
  background-color: #fff;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  left: -30px;
  top: 0px;
  opacity: 0;
  margin: 0;
  width: 60px;
  height: 60px;
  -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
  animation: ball-scale-multiple 1s 0s linear infinite; }

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

.ui.accordion > .title:not(.ui) {
  color: #666;
  font-size: 14px;
  font-weight: bold; }

.ui.calendar .ui.table tr td {
  text-align: center; }

.ui.calendar .ui.table tr .link i {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.ui.calendar .ui.table tr .link.prev i::before {
  content: "\f104"; }

.ui.calendar .ui.table tr .link.next i::before {
  content: "\f105"; }

.hidden {
  display: none !important; }

/** override **/
.hidden {
  display: none !important; }

#list_search {
  background: #fff; }

#modal_window .close_button {
  top: 20px;
  left: calc(100% - 20px); }

#modal_window section {
  padding: 20px;
  max-height: 100%; }
  #modal_window section .body {
    overflow-y: auto; }
    #modal_window section .body::-webkit-scrollbar {
      width: 10px; }
    #modal_window section .body::-webkit-scrollbar-track {
      border-radius: 10px;
      box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); }
    #modal_window section .body::-webkit-scrollbar-thumb {
      background: #cdcdcd;
      border-radius: 10px;
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3); }
  #modal_window section.select_building_type > .body {
    display: flex;
    flex-direction: column;
    align-items: center; }
    #modal_window section.select_building_type > .body h3 {
      margin: 40px 0 0;
      letter-spacing: 5; }
    #modal_window section.select_building_type > .body .group {
      display: flex;
      flex-direction: row;
      align-items: center;
      font-size: 0;
      gap: 30px;
      margin: 49px 85px 60px; }
      #modal_window section.select_building_type > .body .group .content {
        width: 200px;
        height: 150px;
        border-radius: 13px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: #3C9E00;
        gap: 5px;
        margin: 0;
        cursor: pointer; }
        #modal_window section.select_building_type > .body .group .content .icon img {
          width: 76px;
          height: 76px; }
        #modal_window section.select_building_type > .body .group .content .text {
          color: #ffffff;
          font: normal normal bold 18px/34px noto-sans-cjk-jp, sans-serif; }
  #modal_window section.member_only {
    overflow: visible;
    width: 925px; }
    #modal_window section.member_only > .header .title_icon {
      margin-right: 40px;
      margin-top: -60px; }
      #modal_window section.member_only > .header .title_icon img {
        width: 57px;
        height: 97px; }
    #modal_window section.member_only > .body {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-bottom: 60px; }
      #modal_window section.member_only > .body h3 {
        height: 36px;
        margin-top: 50px;
        color: #333333;
        font: normal normal bold 21px/32px noto-sans-cjk-jp, sans-serif; }
      #modal_window section.member_only > .body p {
        margin-top: 50px;
        text-align: center;
        color: #333333;
        font: normal normal bold 18px/28px noto-sans-cjk-jp, sans-serif; }
      #modal_window section.member_only > .body .content {
        display: flex;
        margin-top: 50px;
        gap: 20px; }
        #modal_window section.member_only > .body .content .card {
          background: #B7B7B7;
          border-radius: 9px;
          text-align: center;
          padding: 20px 30px;
          width: 330px;
          height: 180px;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          #modal_window section.member_only > .body .content .card.card--primary {
            background: transparent linear-gradient(85deg, #3c9e00 0%, #2a6f00 100%) 0 0 no-repeat padding-box; }
            #modal_window section.member_only > .body .content .card.card--primary .card_body {
              color: #333333; }
              #modal_window section.member_only > .body .content .card.card--primary .card_body .counter {
                color: #E07900; }
          #modal_window section.member_only > .body .content .card .card_title {
            font: normal normal bold 25px/37px noto-sans-cjk-jp, sans-serif;
            color: #fff;
            margin-bottom: auto; }
            #modal_window section.member_only > .body .content .card .card_title .logo {
              color: #ffffff;
              font-family: brandon-grotesque;
              font-size: 37px;
              font-weight: bold;
              font-style: normal;
              font-variant: normal;
              margin-left: 10px;
              margin-right: 10px; }
          #modal_window section.member_only > .body .content .card .card_body {
            display: flex;
            align-items: center;
            width: 100%;
            padding: 25px 20px;
            border-radius: 12px;
            color: #747474;
            background: #fff; }
            #modal_window section.member_only > .body .content .card .card_body .counter {
              margin-left: auto; }
              #modal_window section.member_only > .body .content .card .card_body .counter .num {
                font: normal normal bold 34px/34px noto-sans-cjk-jp, sans-serif; }
              #modal_window section.member_only > .body .content .card .card_body .counter .unit {
                font: normal normal bold 21px/21px noto-sans-cjk-jp, sans-serif; }
      #modal_window section.member_only > .body .control {
        display: flex;
        margin-top: 55px;
        gap: 20px;
        height: auto; }
        #modal_window section.member_only > .body .control .button {
          width: 285px;
          height: 64px;
          text-align: center;
          line-height: 64px; }
        #modal_window section.member_only > .body .control .back_button {
          background: none;
          color: #3C9E00;
          border: 2px solid #3C9E00; }
        #modal_window section.member_only > .body .control .send_button {
          background: transparent linear-gradient(262deg, #3a9a00 0%, #2b7200 100%) 0 0 no-repeat padding-box; }
  #modal_window section.visit_only {
    overflow: visible;
    width: 925px; }
    #modal_window section.visit_only > .header {
      background: transparent linear-gradient(85deg, #E07900 0%, #E05800 100%) 0 0 no-repeat padding-box; }
    #modal_window section.visit_only > .body {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-bottom: 60px; }
      #modal_window section.visit_only > .body h3 {
        height: 36px;
        margin-top: 50px;
        color: #333333;
        font: normal normal bold 21px/32px noto-sans-cjk-jp, sans-serif; }
      #modal_window section.visit_only > .body p {
        margin-top: 50px;
        text-align: center;
        color: #333333;
        font: normal normal bold 18px/36px noto-sans-cjk-jp, sans-serif; }
        #modal_window section.visit_only > .body p span {
          color: #fff;
          background: #E05800;
          border-radius: 9px;
          padding: 10px;
          margin: 5px; }
      #modal_window section.visit_only > .body .visit_only_image {
        margin-top: 40px;
        width: 742px;
        border-radius: 10px; }
      #modal_window section.visit_only > .body .control {
        display: flex;
        margin-top: 55px;
        gap: 20px;
        height: auto; }
        #modal_window section.visit_only > .body .control .button {
          width: 285px;
          height: 64px;
          text-align: center;
          line-height: 64px; }
        #modal_window section.visit_only > .body .control .back_button {
          background: none;
          border: 2px solid;
          line-height: 60px; }
        #modal_window section.visit_only > .body .control .send_button {
          background: transparent linear-gradient(85deg, #E07900 0%, #E05800 100%) 0 0 no-repeat padding-box; }

.nowrap {
  white-space: nowrap; }

.errors {
  width: 100%;
  color: #9F3A38;
  padding: 20px;
  border: 1px solid;
  border-radius: 6px;
  margin-top: 30px;
  background: rgba(159, 58, 56, 0.1); }
  @media screen and (max-width: 767px) {
    .errors {
      margin-bottom: 10px; } }
  .errors ul {
    padding-left: 15px;
    margin: 0; }
    .errors ul li {
      font-size: 14px; }
      .errors ul li:not(:last-child) {
        margin-bottom: 10px; }

.dimmer {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  z-index: 9999;
  animation: _fadeIn;
  animation-duration: .3s; }
  .dimmer.overlay {
    padding-top: 69px;
    background: rgba(0, 0, 0, 0.6);
    flex-direction: column;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }
    .dimmer.overlay .ripple {
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      color: #fff;
      width: 90px;
      height: 90px;
      background-color: #3C9E00;
      margin: 0 auto 60px;
      border-radius: 100px;
      -webkit-animation: _ripple 0.7s linear infinite;
      animation: _ripple 0.7s linear infinite; }
      .dimmer.overlay .ripple.search {
        background-image: url("../../assets/image/search_input.svg");
        background-size: 26px;
        background-repeat: no-repeat;
        background-position: center; }
    .dimmer.overlay .text {
      color: #fff;
      font-size: 18px;
      font-weight: bold; }

.anim._fadeIn {
  animation: _fadeIn;
  animation-fill-mode: both; }

.anim._fadeOut {
  animation: _fadeOut;
  animation-fill-mode: both; }

.anim._fadeInUp {
  animation: _fadeInUp;
  animation-fill-mode: both; }

.anim._fadeOutDown {
  animation: _fadeOutDown;
  animation-fill-mode: both; }

.anim._fadeInZoom {
  animation: _fadeInZoom;
  animation-fill-mode: both; }

.detail_card.store_only {
  overflow: hidden;
  cursor: default; }
  .detail_card.store_only .control {
    display: none; }
  .detail_card.store_only .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #F24800 0 0 no-repeat padding-box;
    z-index: 1;
    opacity: .64;
    filter: brightness(0.75); }
  .detail_card.store_only .info,
  .detail_card.store_only .image {
    -ms-filter: blur(4px);
    filter: blur(4px); }
  .detail_card.store_only .member_only_text {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%); }

.detail_card._only {
  overflow: hidden;
  cursor: default; }
  .detail_card._only .control {
    display: none; }
  .detail_card._only .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #E0AC00 0 0 no-repeat padding-box;
    z-index: 1;
    opacity: .64;
    filter: brightness(0.75); }
  .detail_card._only .info,
  .detail_card._only .image {
    -ms-filter: blur(4px);
    filter: blur(4px); }
  .detail_card._only .member_only_text {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%); }

.detail_card .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.detail_card .info .address, .detail_card .info .area, .detail_card .info .bas {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  box-sizing: border-box; }
  .detail_card .info .address .value, .detail_card .info .area .value, .detail_card .info .bas .value {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    display: block;
    margin: 0; }

header .header_navi .menu-favorite img {
  width: auto;
  height: 19px;
  padding: 2px; }

header .header_navi .menu-account .menu-logind .control-account {
  height: calc(2 * 60px); }

.none-details {
  padding-top: 75px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .none-details .image {
    margin-bottom: 30px; }
    .none-details .image img {
      width: 600px; }
  .none-details .text {
    font: normal normal bold 18px/18px noto-sans-cjk-jp, sans-serif; }
  .none-details .button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 325px;
    height: 67px;
    color: #FFFFFF;
    font-family: heisei-maru-gothic-std;
    font-size: 17px;
    line-height: 67px;
    font-weight: 800;
    font-style: normal;
    font-variant: normal;
    padding-top: 4.25px;
    text-align: center;
    background: linear-gradient(262deg, #e07900 0%, #e05600 100%) 0 0 no-repeat padding-box;
    box-sizing: border-box;
    border-radius: 15px;
    margin-top: 30px;
    margin-right: auto;
    transition: opacity 0.1s ease-out; }

.left_menu .control {
  pointer-events: none; }
  .left_menu .control > * {
    pointer-events: visible; }

.left_menu .search_form .select_school .bottom .text, .left_menu .search_form .select_traffic .bottom .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 10px; }

.left_menu .search_form .select_control .button_search {
  outline: none;
  padding: 0; }

.left_menu .search_form .details .tabs .tab {
  display: none; }
  .left_menu .search_form .details .tabs .tab.-active {
    display: block; }

.left_menu .search_form .details .detail .checkboxs label {
  font-size: 14px; }

.left_menu .search_form .details .detail .checkboxs.p5 label {
  min-width: calc((100% - 45px) / 4); }

.left_menu .search_form .details .detail .checkboxs.p18 label {
  min-width: calc((100% - 30px) / 3); }

.right_menu #document_list .dimmer {
  position: absolute; }

.right_menu.done #document_list .noitem {
  display: block;
  animation: fadeIn .6s both; }

#list_search {
  background: #fff; }
  #list_search .right .page_nation a {
    display: inline-block;
    height: 29px;
    font: normal normal bold 15px/29px noto-sans-cjk-jp, sans-serif;
    text-align: center;
    vertical-align: middle;
    cursor: pointer; }

#map {
  width: 100%;
  height: 100%; }
  #map .caption {
    color: #fff;
    pointer-events: none; }
  #map .custom-clustericon {
    background: var(--cluster-color);
    color: #fff;
    border-radius: 100%;
    font-weight: bold;
    font-size: 15px;
    display: flex;
    align-items: center; }
  #map .custom-clustericon::before,
  #map .custom-clustericon::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    background: var(--cluster-color);
    opacity: 0.2;
    border-radius: 100%; }
  #map .custom-clustericon::before {
    padding: 7px; }
  #map .custom-clustericon::after {
    padding: 14px; }
  #map .custom-clustericon-1 {
    --cluster-color: #00a2d3; }
  #map .custom-clustericon-2 {
    --cluster-color: #ff9b00; }
  #map .custom-clustericon-3 {
    --cluster-color: #ff6969; }

main.top_page .contents .content3 .top-new-swiper-container .swiper-wrapper .swiper-slide {
  background-position: center; }

.register_main .register_form form .check_group {
  border-bottom: solid 1px #3c9e00; }
  .register_main .register_form form .check_group:last-child {
    border-bottom: none !important; }

#map_page .map_description {
  width: auto; }

#detail_page .controls .control.bookmark:not(.bookmark-active) .is_active {
  display: none; }

#detail_page .controls .control.bookmark.bookmark-active {
  background-color: #3c9e00; }
  #detail_page .controls .control.bookmark.bookmark-active .is_disable {
    display: none; }

#detail_page .controls .control.addlist:not(.addlist-active) .is_active {
  display: none; }

#detail_page .controls .control.addlist.addlist-active {
  background-color: #3c9e00; }
  #detail_page .controls .control.addlist.addlist-active .is_disable {
    display: none; }

#detail_page .contents .infomation {
  margin-bottom: 60px; }
  #detail_page .contents .infomation .images .leftimage img {
    object-fit: cover;
    width: 100%;
    height: 100%; }
  #detail_page .contents .infomation .images .rightimage .image img {
    object-fit: cover;
    border-radius: 6px; }
  #detail_page .contents .infomation .content {
    opacity: 0;
    animation: ease-out 0.8s forwards fadeIn-contents; }

#detail_page .contents .madori .slideshow {
  background: #fff;
  text-align: center;
  padding: 20px; }
  #detail_page .contents .madori .slideshow a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }
    #detail_page .contents .madori .slideshow a:hover::before {
      opacity: 0.1; }
    #detail_page .contents .madori .slideshow a:hover::after {
      opacity: 1; }
    #detail_page .contents .madori .slideshow a::before {
      content: "";
      opacity: 0;
      pointer-events: none;
      z-index: 1000;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      background-color: #040404;
      transition: opacity 0.2s ease-out;
      border-radius: 12px; }
    #detail_page .contents .madori .slideshow a::after {
      content: "";
      opacity: 0;
      pointer-events: none;
      z-index: 1500;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 49px;
      height: 49px;
      border-radius: 50%;
      background-color: #3C9E00;
      background-image: url(../image/search_input.svg);
      background-size: 14px;
      background-repeat: no-repeat;
      background-position: center;
      transition: opacity 0.2s ease-out; }
    #detail_page .contents .madori .slideshow a img {
      width: auto;
      max-width: 100%;
      height: 100%; }

#detail_page .contents .osusume_point {
  padding: 50px 30px 20px 30px; }
  #detail_page .contents .osusume_point .item {
    width: 16.666%;
    width: calc(100% / 6); }

#detail_page .contents .right_control {
  animation: none; }

#detail_page .contents .shop_in_the_area .area {
  justify-content: flex-start;
  margin: -10px; }
  #detail_page .contents .shop_in_the_area .area .shop {
    width: calc(100% / 3 - 20px);
    margin: 10px; }
    #detail_page .contents .shop_in_the_area .area .shop .tags {
      margin-bottom: auto; }
    #detail_page .contents .shop_in_the_area .area .shop .group {
      height: 68px; }
      #detail_page .contents .shop_in_the_area .area .shop .group .group {
        height: auto;
        flex: 1;
        align-items: center; }
        #detail_page .contents .shop_in_the_area .area .shop .group .group .distance {
          display: flex;
          align-items: center; }

#detail_page .contents .map {
  position: relative;
  max-width: 400px;
  width: 100%;
  height: 300px;
  border-radius: 12px;
  overflow: hidden; }
  #detail_page .contents .map.large {
    max-width: 100%;
    width: 100%;
    height: 380px; }
  #detail_page .contents .map img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.map_pop_desc .control .bookmark:not(.disabled):hover::before {
  transform: scale(1.3); }

.map_pop_desc .control .bookmark::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../../assets/image/bookmark.svg);
  background-size: cover;
  transition: transform .2s ease-out; }

.map_pop_desc .control .bookmark.bookmark-active::before {
  background-image: url("../../assets/image/bookmark_active.svg"); }

.map_pop_desc .control .addlist:not(.disabled):hover::before {
  transform: scale(1.3); }

.map_pop_desc .control .addlist::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../../assets/image/addlist.svg);
  background-size: cover;
  transition: transform .2s ease-out; }

.map_pop_desc .control .addlist.addlist-active::before {
  background-image: url(../../assets/image/addlist_active.svg);
  transform: scale(1.2) rotate(45deg); }

.login_main .window .left {
  display: grid;
  width: 50%;
  height: 100%;
  text-align: center;
  grid-template: '..  ..           ..' 1fr '..  icon         ..' 83px '..  ..           ..' 20px '..  title        ..' 59px '..  ..           ..' 5px '..  subtitle     ..' 17px '..  ..           ..' 26px '..  announce     ..' 20px '..  ..           ..' 25px '..  loginform    ..' 254px '..  ..           ..' 38px '..  description  ..' 36px '..  ..           ..' 1fr;
  align-items: center;
  justify-content: center; }

button {
  outline: 0;
  border: none; }

.button {
  cursor: pointer; }

.button_search {
  outline: none;
  border: none; }

.field .message {
  font-size: 12px;
  text-align: left;
  margin-top: 10px; }
  .field .message.error {
    color: #e3342f; }

.gmap-info-window > img {
  position: absolute !important;
  width: 32px;
  height: 32px;
  z-index: 2;
  top: -18px;
  right: -18px;
  opacity: 0; }

.gmap-info-window > .navi-top {
  position: absolute;
  top: -37px;
  display: flex; }
  .gmap-info-window > .navi-top > .navi {
    display: inline-block;
    padding: 0 15px;
    background: #23303b;
    height: 32px;
    border-radius: 500rem;
    color: #fff;
    line-height: 32px; }
    .gmap-info-window > .navi-top > .navi > .inner {
      display: flex;
      align-items: center; }
    .gmap-info-window > .navi-top > .navi .prev {
      height: 32px;
      cursor: pointer; }
      .gmap-info-window > .navi-top > .navi .prev i::before {
        content: '<';
        position: relative; }
    .gmap-info-window > .navi-top > .navi .next {
      height: 32px;
      margin-left: 5px;
      cursor: pointer; }
      .gmap-info-window > .navi-top > .navi .next i::before {
        content: '>';
        position: relative; }
    .gmap-info-window > .navi-top > .navi .counter {
      margin-left: 10px; }
  .gmap-info-window > .navi-top > .button {
    background: #767676;
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    font-size: 12px;
    margin-left: 5px;
    display: flex; }
    .gmap-info-window > .navi-top > .button .plus {
      font-size: 18px;
      margin-right: 5px; }

.card {
  display: block;
  background: #23303B;
  border-radius: 13px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.16); }
  .card.remove {
    animation: remove .3s both; }
  .card > .inner {
    display: flex;
    color: #fff;
    cursor: default; }
  .card.selected .thumbs {
    display: flex;
    padding: 10px 0 10px 10px; }
    .card.selected .thumbs .thumb {
      width: 57px;
      height: 59px;
      overflow: hidden;
      border-radius: 9px; }
      .card.selected .thumbs .thumb:not(:last-child) {
        margin-bottom: 10px; }
      .card.selected .thumbs .thumb .img-cover {
        width: 100%;
        height: 100%; }
      .card.selected .thumbs .thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .card.selected .content {
    width: calc(100% - 57px - 30px);
    padding: 10px; }
    .card.selected .content .labels {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-bottom: 5px; }
      .card.selected .content .labels > .inner {
        display: flex;
        width: max-content;
        margin: 0 -2.5px; }
        .card.selected .content .labels > .inner .label {
          font-size: 10px;
          line-height: 1;
          padding: 6px;
          border-radius: 6px;
          margin: 0 2.5px;
          color: #fff;
          background: #e3342f; }
    .card.selected .content .meta {
      display: flex; }
      .card.selected .content .meta .icon {
        display: flex;
        width: 12px;
        height: 12px;
        margin-right: 2px; }
      .card.selected .content .meta .label {
        font-size: 11px;
        font-weight: bold; }
      .card.selected .content .meta .value {
        display: flex;
        max-width: calc(100% - 14px); }
        .card.selected .content .meta .value .main {
          font-size: 9px;
          font-weight: bold;
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          text-overflow: ellipsis; }
        .card.selected .content .meta .value .sub {
          font-size: 9px;
          font-weight: bold; }
      .card.selected .content .meta.price {
        margin-bottom: 5px; }
        .card.selected .content .meta.price .icon {
          width: 18px;
          height: 18px; }
        .card.selected .content .meta.price .value {
          align-items: flex-end; }
          .card.selected .content .meta.price .value .main {
            font-size: 24px;
            line-height: 24px; }
          .card.selected .content .meta.price .value .sub {
            font-size: 11px;
            margin-left: 5px; }
      .card.selected .content .meta.land {
        margin-bottom: 5px; }
        .card.selected .content .meta.land .value {
          flex-direction: column;
          align-items: flex-end;
          margin-left: 5px; }
          .card.selected .content .meta.land .value > div {
            display: flex; }
            .card.selected .content .meta.land .value > div .main {
              font-size: 13px; }
            .card.selected .content .meta.land .value > div .sub {
              margin-left: 3px; }
  .card.selected .delete-button {
    position: relative;
    display: flex;
    width: 30px;
    height: auto;
    background: #e3342f;
    cursor: pointer;
    transition: .3s ease-in-out;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px; }
    .card.selected .delete-button:hover {
      background: #c51f1a; }
    .card.selected .delete-button .icon {
      position: relative; }
  .card.history.dummy {
    position: relative; }
    .card.history.dummy::after {
      content: '\516C\958B\7D42\4E86';
      position: absolute;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.6);
      z-index: 1;
      width: 100%;
      height: 100%;
      right: 0;
      text-align: center;
      display: flex;
      color: #fff;
      pointer-events: none;
      border-radius: 13px; }
    .card.history.dummy .content {
      filter: blur(5px); }
  .card.history .thumbs {
    display: flex;
    padding: 10px 0 10px 10px; }
    .card.history .thumbs .thumb {
      width: 78px;
      height: 78px;
      overflow: hidden;
      border-radius: 9px; }
      .card.history .thumbs .thumb:not(:last-child) {
        margin-bottom: 10px; }
      .card.history .thumbs .thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
  .card.history .content {
    width: calc(100% - 57px - 30px);
    padding: 10px; }
    .card.history .content .download-pdf-button {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
      overflow: hidden;
      margin-bottom: 5px;
      cursor: pointer; }
      .card.history .content .download-pdf-button > .inner {
        display: flex;
        height: 28px;
        line-height: 28px;
        border-radius: 12px;
        overflow: hidden; }
        .card.history .content .download-pdf-button > .inner .label {
          width: 48%;
          font-size: 12px;
          text-align: center;
          color: #fff;
          border-radius: 12px; }
          .card.history .content .download-pdf-button > .inner .label.orange {
            background: #e3342f; }
          .card.history .content .download-pdf-button > .inner .label.green {
            background: #3490dc; }
          .card.history .content .download-pdf-button > .inner .label.yellow {
            background: #ffed4a; }
        .card.history .content .download-pdf-button > .inner .pdf {
          width: 48%;
          text-align: center;
          color: #e3342f;
          font-size: 12px;
          font-weight: bold;
          border-radius: 12px;
          background: #fff;
          box-shadow: 0 0 0 2px #e3342f inset; }
          .card.history .content .download-pdf-button > .inner .pdf.disabled {
            cursor: not-allowed;
            box-shadow: 0 0 0 2px #ccc inset;
            color: #ccc; }
    .card.history .content .meta {
      display: flex; }
      .card.history .content .meta .icon {
        display: flex;
        width: 12px;
        height: 12px;
        margin-right: 2px; }
      .card.history .content .meta .label {
        font-size: 11px;
        font-weight: bold; }
      .card.history .content .meta .value {
        display: flex;
        max-width: calc(100% - 14px); }
        .card.history .content .meta .value .main {
          font-size: 9px;
          font-weight: bold;
          overflow: hidden;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          text-overflow: ellipsis; }
        .card.history .content .meta .value .sub {
          font-size: 9px;
          font-weight: bold; }
      .card.history .content .meta.price {
        margin-bottom: 5px; }
        .card.history .content .meta.price .icon {
          width: 18px;
          height: 18px; }
        .card.history .content .meta.price .value {
          align-items: flex-end; }
          .card.history .content .meta.price .value .main {
            font-size: 24px;
            line-height: 24px; }
          .card.history .content .meta.price .value .sub {
            font-size: 11px;
            margin-left: 5px; }
      .card.history .content .meta.land {
        margin-bottom: 5px; }
        .card.history .content .meta.land .value {
          flex-direction: column;
          align-items: flex-end;
          margin-left: 5px; }
          .card.history .content .meta.land .value > div {
            display: flex; }
            .card.history .content .meta.land .value > div .main {
              font-size: 13px; }
            .card.history .content .meta.land .value > div .sub {
              margin-left: 3px; }
  .card.history .delete-button {
    position: relative;
    display: flex;
    width: 30px;
    height: auto;
    background: #e3342f;
    cursor: pointer;
    transition: .3s ease-in-out;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px; }
    .card.history .delete-button:hover {
      background: #c51f1a; }
    .card.history .delete-button .icon {
      position: relative; }
  .card.infowindow {
    position: relative;
    width: 400px;
    z-index: 1;
    animation: fadeIn .6s both;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 19px; }
    .card.infowindow::before {
      content: '';
      position: absolute;
      bottom: -10px;
      left: 0;
      right: 0;
      width: 0;
      height: 0;
      margin: auto;
      width: 20px;
      height: 20px;
      background: #fff;
      transform: rotate(45deg);
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
    .card.infowindow > .inner {
      position: relative;
      color: #333;
      background: #fff;
      border-radius: 19px; }
    .card.infowindow .card-top {
      display: flex;
      align-items: center;
      position: absolute;
      top: -16px;
      left: 0;
      right: -16px;
      z-index: 1; }
      .card.infowindow .card-top .buttons {
        display: flex;
        margin-left: auto; }
        .card.infowindow .card-top .buttons .button {
          display: flex;
          width: 32px;
          height: 32px;
          border-radius: 500rem;
          color: #fff;
          background: #767676;
          margin: 0 3px;
          cursor: pointer; }
          .card.infowindow .card-top .buttons .button.mail {
            background: #f6993f;
            border-radius: 14px; }
          .card.infowindow .card-top .buttons .button.plus {
            font-size: 18px;
            background: #767676; }
          .card.infowindow .card-top .buttons .button.close {
            font-size: 18px;
            transform: rotate(45deg);
            background: #343434; }
          .card.infowindow .card-top .buttons .button.disabled {
            background-color: #ccc; }
    .card.infowindow .left {
      display: flex;
      flex-direction: column;
      padding: 20px 0 20px 20px; }
      .card.infowindow .left .labels {
        margin-bottom: 10px; }
        .card.infowindow .left .labels .label {
          display: flex;
          align-items: center;
          justify-content: center;
          height: 32px;
          font-size: 12px;
          font-weight: bold;
          color: #fff;
          background: #3C9E00;
          border-radius: 8px; }
      .card.infowindow .left .thumbs {
        display: flex;
        flex-direction: column; }
        .card.infowindow .left .thumbs .thumb {
          width: 82px;
          height: 72px;
          overflow: hidden;
          border-radius: 9px;
          background: #efefef;
          border: 1px solid #efefef; }
          .card.infowindow .left .thumbs .thumb:not(:last-child) {
            margin-bottom: 10px; }
          .card.infowindow .left .thumbs .thumb img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
    .card.infowindow .content {
      width: calc(100% - 57px);
      padding: 20px; }
      .card.infowindow .content .button {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 48px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        background: #3C9E00;
        border-radius: 7px; }
        .card.infowindow .content .button::before {
          content: '';
          position: absolute;
          width: 24px;
          height: 24px;
          left: 20px;
          background-size: cover; }
        .card.infowindow .content .button.new-house::before {
          background-image: url("../../assets/image/new-house.svg"); }
        .card.infowindow .content .button.used-houses::before {
          background-image: url("../../assets/image/new-house.svg"); }
        .card.infowindow .content .button.land::before {
          background-image: url("../../assets/image/new-house.svg"); }
        .card.infowindow .content .button.used-apartments::before {
          background-image: url("../../assets/image/new-house.svg"); }
      .card.infowindow .content .data {
        margin-bottom: 20px; }
      .card.infowindow .content .meta {
        display: flex; }
        .card.infowindow .content .meta:not(:last-child) {
          margin-bottom: 10px; }
        .card.infowindow .content .meta .icon {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 18px;
          height: 18px;
          margin-right: 10px; }
          .card.infowindow .content .meta .icon img {
            max-width: 100%; }
        .card.infowindow .content .meta .label {
          display: flex;
          align-items: center;
          font-size: 12px;
          font-weight: bold;
          margin-right: auto;
          white-space: nowrap;
          min-width: 100px; }
        .card.infowindow .content .meta .value {
          display: flex;
          max-width: calc(100% - 14px); }
          .card.infowindow .content .meta .value .main {
            font-size: 11px;
            font-weight: bold;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            text-overflow: ellipsis; }
          .card.infowindow .content .meta .value .sub {
            font-size: 11px;
            font-weight: bold; }
        .card.infowindow .content .meta.price {
          margin-bottom: 5px; }
          .card.infowindow .content .meta.price .value {
            align-items: flex-end; }
            .card.infowindow .content .meta.price .value .main {
              font-size: 28px;
              line-height: 28px; }
            .card.infowindow .content .meta.price .value .sub {
              font-size: 15px;
              margin-left: 5px; }
        .card.infowindow .content .meta.land {
          margin-bottom: 5px; }
          .card.infowindow .content .meta.land .value {
            flex-direction: row;
            align-items: flex-end; }
            .card.infowindow .content .meta.land .value > div {
              display: flex;
              flex-direction: row;
              align-items: flex-end; }
              .card.infowindow .content .meta.land .value > div:not(:last-child) {
                margin-right: 10px; }
              .card.infowindow .content .meta.land .value > div .main {
                font-size: 15px; }
              .card.infowindow .content .meta.land .value > div .sub {
                margin-left: 3px; }
    .card.infowindow .delete-button {
      position: relative;
      display: flex;
      width: 30px;
      height: auto;
      background: #e3342f;
      cursor: pointer;
      transition: .3s ease-in-out;
      border-top-right-radius: 13px;
      border-bottom-right-radius: 13px; }
      .card.infowindow .delete-button:hover {
        background: #c51f1a; }
      .card.infowindow .delete-button .icon {
        position: relative; }

.visit_only .visit_only_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto; }
  .visit_only .visit_only_text img {
    width: 156px;
    height: 150px;
    margin-bottom: 30px; }
  .visit_only .visit_only_text .button {
    display: flex;
    width: 192px;
    height: 42px;
    color: #E05800;
    background-color: #ffffff;
    font: normal normal bold 15px/15px noto-sans-cjk-jp, sans-serif;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer; }

.member_only .member_only_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto; }
  .member_only .member_only_text img {
    width: auto;
    height: 120px;
    max-width: initial; }
  .member_only .member_only_text .button {
    display: flex;
    width: 192px;
    height: 42px;
    color: #3C9E00;
    background-color: #ffffff;
    font: normal normal bold 15px/15px noto-sans-cjk-jp, sans-serif;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer; }