/***************************************************
MAIN
****************************************************/
.main {
  /*max-width: 1200px;*/
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  background-color: #fff;
  transition: opacity 0.3s ease-out;
  /* min-height: 120vw;*/
  height: 100%;
  overflow: hidden;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.6s ease-out;
}

header {
  position: relative;
  width: 100%;
  /*z-index: 100;*/
  background-color: #727171;
  color: #fff;
  left: 0;
  top: 0;
  /*left: 50%;  transform: translateX(-50%);  visibility: visible;*/
}

header img {
  display: block;
}

.conpact-header {
  position: absolute;
  top: 0;
  z-index: 1;
  transition: transform 0.3s ease-out;
  transform: translateY(-110%);
  width: 100%;
}

.conpact-header.show {
  transform: translateY(0%);
}

.header__yoyaku-btn {
  position: absolute;
  top: 33%;
  right: 5%;
  width: 24%;
}

.main__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.modelhouse__content-wrap {
  flex-grow: 1;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.modelhouse__lists {
  /*display: flex;*/
}

.modelhouse__content {
  padding-top: 1.2%;
  margin-bottom: 2em;
}

.main.show {
  pointer-events: auto;
  opacity: 1;
}

.main.hede {
  opacity: 0;
}

.main__messages {
  position: fixed;
  width: 83%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  /*background-color: rgba(255,127,127,0.8);  z-index: 1;*/
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  pointer-events: none;
  /*text-align: justify;*/
}

.main__messages.show,
.main__messages.show2 {
  opacity: 1;
  pointer-events: auto;
}

.main__messages.hide {
  opacity: 0;
  pointer-events: none;
}

.main__message1,
.main__message2 {
  visibility: hidden;
  position: relative;
}

.main__message2 {
  position: absolute;
  top: 0;
  left: 0;
}

.main__messages.show .main__message1 {
  visibility: visible;
}

.main__messages.show2 .main__message2 {
  visibility: visible;
}

.kaijo__lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin-bottom: 1.2%;
}

.modelhouse {
  width: 49.2%;
  margin-bottom: 1.5%;
  margin-right: 1.6%;
  position: relative;
  /*transition: opacity 0.3s ease-out;*/
  opacity: 0;
}

.modelhouse:nth-child(2n) {
  margin-right: 0%;
}

.modelhouse.show {
  opacity: 1;
  animation: modelhouseShowAnimation 0.5s ease-in-out;
  animation-fill-mode: backwards;
  /*animation-iteration-count: 1;*/
}

.modelhouse__border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: solid 5px #FF4499;
  opacity: 0;
  pointer-events: none;
}

@media screen and (max-width: 635px) {
  .modelhouse__border {
    border: solid 0.8vw #FF4499;
  }
}

@media screen and (max-width: 535px) {
  .modelhouse__border {
    border: solid 1vw #FF4499;
  }
}

@media screen and (max-width: 375px) {
  .modelhouse__border {
    border: solid 1.3vw #FF4499;
  }
}

.modelhouse__border.active {
  opacity: 1;
}

.modelhouse.entried .modelhouse__border {
  border-color: #949;
}

.modelhouse__border.entry {
  border-color: #333;
}

.modelhouse img {
  display: block;
}

.kaijo__name {
  width: 100%;
  color: #fff;
  text-align: center;
  margin-bottom: 0.55vw;
  margin-bottom: 1%;
  font-weight: bold;
  line-height: 2;
  font-size: 1.2em;
  padding-top: 0.1em;
  letter-spacing: 0.1em;
  /*font-family:  "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;*/
}

.kaijo__name.atsugi {
  background-color: #f00;
  background-color: #c30d23;
  ;
}

.kaijo__name.hiratsuka {
  background-color: #f90;
  background-color: #f39800;
  ;
}

.kaijo__name.fujisawa {
  background-color: #00f;
  background-color: #004090;
}

.kaijo__name.hadano {
  background-color: #0d6;
  background-color: #00913a;
}

.blockNum {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #f00;
  color: #fff;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  padding: 0.2em;
  text-align: center;
}

.maker-name,
.model-name {
  position: absolute;
  width: 100%;
  font-size: 0.6em;
  left: 0;
  bottom: 0;
}

.maker-name {
  /* position: absolute;  width: 100%;  font-size: 0.6em;  left: 0;*/
  bottom: 3em;
}

.model-name {
  /*position: absolute;  width: 100%;  font-size: 0.6em;  left: 0;  bottom: 0;*/
}

.main__footer {
  position: relative;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding-bottom: 14%;
}

.main__go-top {
  width: 100%;
  text-align: center;
  padding-top: 4%;
  padding-bottom: 4%;
  /* margin-left: auto;  margin-right: 4%;  margin-bottom: 2%;*/
}

.main__go-top img {
  width: 11%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.main__favorite-btn {
  width: 60%;
  margin: 0 auto;
  position: fixed;
  left: 50%;
  bottom: 4.75em;
  transform: translateX(-50%);
}

@media screen and (min-width: 769px) {
  .main__favorite-btn {
    width: 336px;
  }
}

.main__favorite-btn.relative {
  position: absolute
}

.main__manual {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  pointer-events: none;
  overflow: hidden;
}

.main__manual.show {
  pointer-events: auto;
  z-index: 10;
}

@media screen and (min-width: 769px) {
  .main__manual {
    width: 768px;
  }
}

.main__manual-inner {
  position: relative;
  transform: translateX(110%);
  transition: transform 0.3s ease-out;
  background-color: #ffdac5;
  padding: 4%;
  height: 100%;
  padding-top: 3.5em;
}

.main__manual.show .main__manual-inner {
  transform: translateX(0%);
}

.main__manual-close {
  position: absolute;
  top: 0.935em;
  right: 4%;
  width: 5.8%;
  pointer-events: auto;
}

.main__map-wrap {
  /* background: url(../img/map__back-grad.png) 100% repeat-y top; */
  background-image: url(../img/map__back-stripe.png), linear-gradient(0deg, rgba(193, 242, 239, 1) 20%, rgba(254, 209, 232, 1) 80%);
  background-image: url(../img/map__back-stripe.png), linear-gradient(in oklch, rgba(254, 209, 232, 1) 20%, rgba(193, 242, 239, 1) 80%);
  padding-top: 5%;
  padding-bottom: 5%;
  margin-bottom: 2em;
  background-size: 100%;
}

/***************************************************
MODAL
****************************************************/
.modal {
  position: absolute;
  width: 100%;
  /* max-width: 768px;*/
  height: 100%;
  top: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

.modal {
  left: 50%;
  width: 90%;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 110;
  height: 84%;
  top: 50%;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease, max-height 0.3s ease-out;
  pointer-events: none;
}

.modal.show {
  pointer-events: auto;
  opacity: 1;
  z-index: 201;
  max-height: 100%;
  height: 100%;
  pointer-events: auto;
}

.modal.hide {
  opacity: 0;
}

.modal__trim {
  position: absolute;
  width: 100%;
  /* max-width: 768px;*/
  height: calc(100% - 6.5em);
  min-height: 35em;
  top: 50%;
  transform: translateY(-50%);
}

.modal__close {
  z-index: 2;
  position: absolute;
  /*top: 0.935em;  right: 4%;  width: 5.8%;*/
  top: 0.8em;
  right: 9%;
  width: 4.8%;
  /*pointer-events: auto;*/
}

.modal__back {
  position: absolute;
  width: 90%;
  margin-left: 5%;
  height: 100%;
  min-height: 35em;
  background: url(../img/modal__back-grad.png) repeat-y 100%;
}

.modal__wrap {
  width: 80%;
  margin: 0 auto;
  /*padding-top: 4%;*/
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  padding-top: 0.2em;
  pointer-events: none;
}

.modal__window {}

.modalarrow__left,
.modalarrow__right {
  width: 11.5%;
  position: absolute;
  padding: 0.5em;
  left: -12%;
  top: calc(50% - 1.8em);
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: auto;
  /*矢印、消しておく*/
  visibility: hidden;
}

.modalarrow__left img,
.modalarrow__right img {
  display: block;
}

.modalarrow__right {
  left: auto;
  right: -12%;
}

.modal__kaijo,
.modal__maker,
.modal__name {
  text-align: center;
  font-size: 1.1em;
  color: #fff;
  line-height: 1.35;
}

.modal__maker,
.modal__name {
  color: #333;
}

.modal__maker {
  font-size: 1.25em;
  font-weight: bold;
  border-bottom: solid #333;
  padding-bottom: 0.2em;
  margin-bottom: 0.4em;
}

.modal__info {
  margin-bottom: 0.65em;
  /* font-size: 0.85em;*/
  letter-spacing: 0.1em;
  position: relative;
}

.modal__info-now,
.modal__info-next {
  transition: opacity 0.3s ease-out;
}

.modal__info-now.notransition,
.modal__info-next.notransition {
  transition: none;
}

.modal__info-now.hide,
.modal__info-next.hide {
  opacity: 0;
}

.modal__info-now.show,
.modal__info-next.show {
  opacity: 1;
}

.modal__info-now {
  position: relative;
}

.modal__info-next {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

.modal__image {
  margin-bottom: 0.85em;
  overflow: hidden;
}

.modal__image-inner {
  display: flex;
  width: 300%;
  left: -100%;
  justify-content: space-between;
  transition: transform 0.3s ease-out;
  pointer-events: auto;
}

.modal__image-inner.notransition {
  transition: none;
}

.modal__image-left,
.modal__image-center,
.modal__image-right {
  width: 33.33%;
}

.modal__kaijo {
  margin-bottom: 0.65em;
  padding-top: 0.2em;
  padding-bottom: 0.1em;
  transition: background-color 0.3s ease-out;
}

.modal__kaijo.atsugi {
  background-color: rgba(85, 97, 174, 1);
}

.modal__kaijo.hadano {
  background-color: rgba(99, 166, 42, 1);
}

.modal__kaijo.fujisawa {
  background-color: rgba(35, 157, 179, 1);
}

.modal__kaijo.hiratsuka {
  background-color: rgba(179, 114, 54, 1);
}

.modal__btns {
  width: 43.73%;
  width: 52.66%;
  margin: 0 auto;
}

.modal__attention {
  position: absolute;
  top: 47.5%;
  left: 50%;
  width: 83%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  font-size: 0.8em;
}

.modal__attention-1,
.modal__attention-2,
.modal__attention-3 {
  /*padding: 1em;*/
  color: white;
  position: relative;
  /*background-color: rgba(0,0,0,0.8);*/
  opacity: 0;
  transition: opacity 0.3s ease-out;
  position: relative;
}

.modal__attention-1 {
  /*padding-bottom: 3.5em;*/
}

.modal__attention-1.show,
.modal__attention-2.show,
.modal__attention-3.show {
  opacity: 1;
  /*pointer-events: auto;*/
}

.modal__attention-1.notransition {
  transition: none;
}

.modal__attention-1-close {
  position: absolute;
  right: 9%;
  top: 11%;
  padding: 0.5em;
  width: 10.5%;
}

.modal__attention-1-close img {
  display: block;
}

.modal__attention-2,
.modal__attention-3 {
  position: absolute;
  top: 0;
  left: 0;
}

.modal__attention-1-btn {
  /*background-color: #ff9900;*/
  text-align: center;
  position: relative;
  display: none;
  width: 100%;
}

.modal__attention-1.show .modal__attention-1-btn,
.modal__attention-1.show .modal__attention-1-close {
  pointer-events: auto;
}

.modal__re-entry-btn {
  background-color: #ff0099;
  width: 14em;
  border-radius: 0.5em;
  margin-bottom: 0.5em;
  text-align: center;
  color: #fff;
}

.modal__attention-1-text {
  margin-bottom: 0.5em;
}

/*.modal__re-entry__btns.disactive{
  background-color: #ccc;
}
.modal__re-entry__btns-in{
  text-align: center;
}*/
.link__btn {
  /*  リンクボタンを消しておく  */
  display: none;
  /*width: 11em;  position: absolute;   right: 0;  margin-left: auto;  display: block;*/
  text-align: center;
  margin-bottom: 0.2em;
}

.modal.show .link__btn {
  pointer-events: auto;
}

.entry__btns {
  color: #fff;
  display: flex;
  margin-bottom: 0.75em;
}

.entry__btn {
  text-align: center;
  background-color: #ff0099;
  width: 14em;
  margin-right: 1em;
  height: 1.75em;
  margin-top: 0.3em;
  border-radius: 0.5em;
  transition: background-color 0.3s ease-out;
}

.entry__btn.same {
  background-color: #ccc;
}

.entry__nums {
  width: 8em;
  position: absolute;
  top: 0;
}

.entry__num {
  background-color: #fff;
  height: 1.25em;
  width: 1.25em;
  /*vertical-align: 0.5em;*/
  color: #000;
  display: inline-block;
  text-align: center;
  line-height: 1.75em;
  line-height: 1.25em;
  font-size: 1.25em;
}

.entry__num-text {
  display: inline-block;
  color: #fff;
}

.remain__nums {
  width: 5.75em;
}

.remain__num {
  background-color: #fff;
  height: 1.5em;
  width: 1.5em;
  /*vertical-align: 0.5em;*/
  color: #000;
  display: inline-block;
  text-align: center;
  line-height: 1.5em;
  font-size: 1.25em;
}

.remain__num-text {
  display: inline-block;
}

/*favorite__btns消しておく*/
.modal__select-btns {
  border-radius: 0.5em;
  margin-bottom: 1.7em;
  color: #fff;
  3em;
  pointer-events: auto;
  /*お気に入りボタン、消しておく  visibility: hidden;*/
}

.modal__select-btn-active,
.modal__select-btn-disactive {
  position: relative;
  display: block;
  transition: opacity 0.3s ease-out;
}

.modal__select-btn-disactive {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.favorite__btns.disactive {}

.modal__select-btns.disactive .modal__select-btn-active {
  opacity: 0;
}

.modal__select-btns.disactive .modal__select-btn-disactive {
  opacity: 1;
}

.favorite__btns-in {
  text-align: center;
}

.favorite__btns-out {
  /* display:none;*/
  text-align: center;
}

/*.re-entry__btns{ 
   background-color: #ff0099;
   width: 14em;
   border-radius: 0.5em;
   margin-bottom: 1em;
   color: #fff;
  }
   .re-entry__btns.disactive{
    background-color: #ccc;
  }
   .re-entry__btns-in{
    text-align: center;
  }*/

.slot__btns {
  /*background-color: #ff9900;*/
  width: 14em;
  width: 66%;
  border-radius: 0.5em;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  pointer-events: none;
}

.entry__btn,
.re-entry__btns,
.slot__btns {
  width: 60%;
}

.slot__btns.show {
  opacity: 1;
  pointer-events: auto;
}

.slot__btns-back {
  position: relative;
}

.slot__btns-back img {
  display: block;
}

.slot__btns-text {
  position: absolute;
  text-align: center;
  width: 100%;
  font-size: 1.2em;
  font-weight: bold;
  color: #fff;
  line-height: 2.4;
  top: 0;
}

.entry-message {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  z-index: 1;
}

.entry-message.show {
  opacity: 1;
  pointer-events: auto;
}

.entry-message.show.hide {
  opacity: 0;
}

.entry-message__wrap {
  position: absolute;
  border-radius: 0.5em;
  width: 70%;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background-color: rgba(255, 127, 127, 0.8);
  z-index: 1;
  padding: 1.5em;
  /*opacity: 0;*/
}

.entry-message1,
.entry-message2 {
  opacity: 0;
  /*transition: opacity 0.3s ease-out;*/
}

.entry-message1__btn {
  display: flex;
  justify-content: space-between;
  width: 70%;
  margin: 0 auto;
  padding-top: 1em;
}

.entry-message1__yes,
.entry-message1__no {
  background-color: rgba(255, 255, 255, 0.8);
  border: solid #999 1px;
  font-size: 1.25em;
  line-height: 1.5;
  padding: 0 0.4em;
}

.entry-message1__yes.active,
.entry-message1__no.active {
  background-color: rgba(127, 127, 127, 0.8);
}

.entry-caution,
.entry-caution2 {
  opacity: 0;
  /*transition: opacity 0.3s ease-out;*/
}

.entry-message1 {
  position: relative;
}

.entry-message2,
.entry-caution,
.entry-caution2 {
  position: absolute;
  width: 80%;
  text-align: center;
  pointer-events: none;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/*.entry-message__wrap.show,*/
.entry-message1.show,
.entry-message2.show,
.entry-caution.show,
.entry-caution2.show {
  opacity: 1;
}

.window-guide.stop-event {
  pointer-events: auto;
  z-index: 1000;
}

.modelhouse.show_end {
  animation: none;
}

.modelhouse__lists {
  transition: opacity 0.3s ease-out;
  padding-bottom: 21.5%;
}

.modelhouse__lists.notransition {
  transition: none;
}

/******** * column1 * *********/
.modelhouse__lists.column1 {
  padding-top: 0.75%;
}

.modelhouse__lists.column1 .kaijo__lists {
  width: 96%;
  left: 2%;
}

.modelhouse__lists.column1 .modelhouse {
  width: 100%;
  margin-right: 0;
  margin-bottom: 2%;
}

/******* * column1 * *********/
.modelhouse__lists.notransition .modelhouse.show {
  /*animation: none;*/
}

.modelhouse__lists.hide {
  opacity: 0;
}

.modelhouse__tmp-content {
  padding-top: 1.2%;
  border-bottom: solid #999 1px;
  position: absolute;
  top: 0;
  pointer-events: none;
}

.modelhouse__tmp-content .modelhouse__lists {
  opacity: 0;
}

.modelhouse__tmp-content .modelhouse__lists.show {
  opacity: 1;
}

.header__burger-btn {
  position: absolute;
  top: 1em;
  right: 1em;
  width: 8.58%;
  transition: opacity 0.3s ease-out;
}

.header__burger-btn.hide {
  opacity: 0;
  pointer-events: none;
}

.menu__wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1001;
  overflow: hidden;
  pointer-events: none;
}

.menu {
  position: absolute;
  pointer-events: auto;
  padding-top: 5%;
  left: auto;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  height: 100%;
  width: 60%;
  transform: translateX(110%);
  transition: transform 0.5s ease-out;
}

.menu.show {
  transform: translateX(0%);
}

.menu__head,
.menu__entry-head,
.menu__present-head {
  position: absolute;
  top: 1em;
  right: 1em;
  width: 14.3%;
}

.menu__entry-head,
.menu__present-head {
  width: 8.58%;
  pointer-events: auto;
}

.menu__burgerbtn,
.menu__burgerclose,
.menu__entry-head-close,
.menu__present-head-close {
  display: block;
  cursor: pointer;
}

.menu__burgerbtn {}

.menu__burgerclose {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.menu>ul {
  margin-left: 1em;
}

.menu>ul>li li {
  padding: 0.25em 0.5em;
  background-color: #f00;
}

.menu>ul>li:first-child {
  margin-bottom: 2em;
  padding: 0;
  background-color: transparent;
}

.menu__narrow-head {
  margin-bottom: 1em;
}

.menu__narrow li {
  margin-left: 1em;
  margin-bottom: 1em;
  width: calc(100% - 2em);
}

.menu__narrow li a {
  font-size: 0.9em;
}

.menu-2,
.menu-3,
.menu-4 {
  background-color: #f0f;
  padding: 0.25em 0.5em;
  margin-bottom: 1em;
  width: calc(100% - 1em);
}

.kaijo__lists.no_display {
  display: none;
}

.menu__entry,
.menu__present {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform: translateX(110%);
  transition: transform 0.5s ease-out;
  background-color: rgba(255, 255, 255, 0.8);
}

.menu__entry.show,
.menu__present.show {
  transform: translateX(0%);
}

.end-message {
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16%;
  font-weight: bold;
  color: red;
  width: 90%;
  margin-left: 5%;
  background-color: rgba(255, 255, 255, 0.8);
  border: solid red;
}

/*修正*/
.wrapper {
  height: auto;
  max-height: none;
  overflow: hidden;
}

.main {
  position: relative;
  height: auto;
  opacity: 1;
  pointer-events: auto;
}

.modelhouse {
  opacity: 1;
}

.main__favorite-btn {
  position: absolute;
}

.favorite__look-btn {
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  visibility: hidden;
}

.favorite__look-disactive {
  position: relative;
  display: block;
}

.main__favorite-btn.active .favorite__look-btn {
  visibility: visible;
}

.main__favorite-btn.active .favorite__disactive {
  visibility: hidden;
}

.info-area__menue-list-box {
  width: 100%;
  margin: 0 auto;
}

.info-area__menue-item {
  margin-bottom: 2.7em;
  transition: height .3s ease-out;
  overflow: hidden;
}

.info-area__menue-item {
  /* height: 3.6em;*/
}

.info-area__menue-item:last-of-type {
  margin-bottom: 0;
}

.info-area__menue-item-head-area {
  /*height: 3.6em;*/
  background-color: #00adea;
  /* margin-bottom: 1em; */
  /* cursor: pointer; */
}

.info-area__menue-item-name-box {
  position: relative;
  /*top: 50%;  left: 2.5em;  transform: translateY(-50%);*/
}

.info-area__menue-item-name-box img {
  display: block;
}

.info-area__menue-item-btn-box {
  width: 1.4em;
  height: 1.4em;
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
}

.info-area__menue-item-btn-box img {
  position: absolute;
  top: 0;
  left: 0;
}

.menue-item-btn__open {
  /*opacity: 0;*/
  transition: opacity .6s ease-out;
}

.menue-item-btn__close {
  opacity: 0;
  transition: opacity .6s ease-out;
}

.info-area__menue-item.show .menue-item-btn__open {
  opacity: 0;
}

.info-area__menue-item.show .menue-item-btn__close {
  opacity: 1;
  position: relative;
}

.info-area__menue-item-content-area {
  padding: 1em;
  background-color: #fff;
  border-radius: 0 0 1em 1em;
}

.info-area__menue-item-map-box {
  position: relative;
  padding-bottom: 45.1%;
  padding-top: 6em;
  height: 0;
  overflow: hidden;
}

.info-area__menue-item-map-box iframe,
.info-area__menue-item-map-box object,
.info-area__menue-item-map-box embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.info-area__menue-item-info-box {
  margin-top: 1em;
  /* margin-bottom: 1em; */
  display: flex;
}

.menue-item-info-box__logo-box {
  /* width: 7.4em;
  margin-right: 0.74em; */
}

.menue-item-info-box__logo-box img {
  display: block;
}

.info-area__menue-item:nth-child(1) .menue-item-info-box__address-box {
  /* width: 14.135em; */
  width: 10.17em;
}

.menue-item-info-box__ex-btn-area {
  margin-bottom: 3.7em;
}

.menue-item-info-box__ex-btn {
  width: 80.5%;
  height: 3.8em;
  margin: 0 auto;
  border-radius: 10em;
  display: flex;
  align-items: center;
  margin-bottom: 1.51em;
}

.menue-item-info-box__ex-btn img {
  margin: 0 auto;
}

.menue-item-info-box__ex-btn:last-child {
  margin-bottom: 0;
}

.menue-item-info-box__ex-btn:nth-child(1) {
  background-color: #ff7212;
}

.menue-item-info-box__ex-btn:nth-child(1) img {
  width: 61.24%;
}

.menue-item-info-box__ex-btn:nth-child(2) {
  background-color: #8fc31f;
}

.menue-item-info-box__ex-btn:nth-child(2) img {
  width: 84.25%;
}

.main__content header {
  color: #fff;
}

.main__content header h2 {
  background-color: #f00;
  text-align: center;
  padding: 0.5em 5%;
}

.modelhouse__content-wrap {}

.main-header__discription {
  padding: 0.5em 5%;
  font-size: 0.75em;
  background-color: #f90;
  white-space: nowrap;
}

.main-header__discription.fixed {
  position: fixed;
  padding: 0.5em 3.3%;
  z-index: 101;
  /*left: 50%;  transform: translateX(-50%);*/
}

.main__favorite-btn {
  top: 2em;
}

.main__favorite-btn.fixed {
  position: fixed;
  top: auto;
  bottom: 0 !important;
  width: 60% !important;
  max-width: 454.8px;
  transform: translate(-50%, -180%);
}

.main__favorite-btn.fixed2 {
  position: absolute;
  /*bottom: 2.5em !important;*/
  transform: translate(-50%, -110%);
}

.info-area {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.6s ease-out;
  opacity: 0;
  pointer-events: none;
  z-index: 102;
}

.info-area.show {
  animation: popup 0.6s ease-in-out 0s 1;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  pointer-events: auto;
}

.info-area.hide {
  pointer-events: none;
  opacity: 0;
}

@keyframes popup {
  0% {
    transform: translate(-50%, -50%) scale(0.1);
  }

  25% {
    transform: translate(-50%, -50%) scale(1.1);
  }

  50% {
    transform: translate(-50%, -50%) scale(0.95);
  }

  75% {
    transform: translate(-50%, -50%) scale(1.025);
  }

  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}

@media screen and (min-aspect-ratio: 7 / 10) and (max-height: 1097px) {
  .main__favorite-btn.fixed {
    max-width: 42vh !important;
  }

  .info-area__allclear {
    max-width: 30.6vh !important;
  }
}

.info-area__closebtn {
  width: 1.25em;
  position: absolute;
  right: 2.5em;
  top: 2.5em;
}

.info-area__allclear {
  width: 43.73%;
  margin: 0 auto;
  position: fixed;
  bottom: 0em;
  max-width: 335.6px;
  left: 50%;
  transform: translate(-50%, -20%);
  transition: opacity 0.3s ease-out;
  opacity: 0;
}

.info-area__allclear.show {
  opacity: 1;
}

.info-area__allclear.fixed2 {
  position: absolute;
  transform: translate(-50%, 41%);
  bottom: -0;
}

.info-area__allclear--active {
  position: relative;
  opacity: 0;
  /*transition: opacity 0.3s ease-out;*/
}

.info-area__allclear--disactive {
  position: absolute;
  top: 0;
  left: 0;
  /*transition: opacity 0.3s ease-out;*/
}

.info-area__allclear.active .info-area__allclear--active {
  opacity: 1;
}

.info-area__allclear.active .info-area__allclear--disactive {
  opacity: 0;
}

.info-area__tabbtn {
  position: fixed;
  right: 0;
  bottom: 0.5em;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
}

.info-area__tabbtn-inner {
  /*width: 6em;*/
  width: 5em;
  transition: transform 0.3s ease-out;
  transform: translateX(110%);
}

.info-area__tabbtn-inner img {
  display: block;
}

.info-area__tabbtn.show {
  pointer-events: auto;
}

.info-area__tabbtn.show .info-area__tabbtn-inner {
  transform: translateX(0%);
}

.info-area__change-column {
  position: fixed;
  left: 0;
  bottom: 0.5em;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
  display: none;
}

.info-area__change-column img {
  display: block;
}

.info-area__change-column-inner {
  width: 6em;
  transform: translateX(-110%);
}

.wrapper.init .info-area__change-column-inner {
  transition: transform 0.3s ease-out;
}

.info-area__change-column-inner.show {
  transform: translateX(0%);
}

.change-column__tab--active {
  position: relative;
}

.change-column__tab--disactive {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.info-area__change-column-inner {
  pointer-events: auto;
}

.info-area__change-column.bottom-active .change-column__tab--top .change-column__tab--active {
  /*opacity: 0;*/
}

.info-area__change-column.bottom-active .change-column__tab--top .change-column__tab--disactive {}

.info-area__change-column.bottom-active .change-column__tab--bottom .change-column__tab--active {}

.change-column__tab--disactive {
  transition: opacity 0.3s ease-in-out;
}

.info-area__change-column.bottom-active .change-column__tab--bottom .change-column__tab--disactive {
  opacity: 0;
}

.info-area__change-column.top-active .change-column__tab--top .change-column__tab--disactive {
  opacity: 0;
}

.main__map-area {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.menue-item-info-box__reserve-btn {
  transform: scale(1.01);
  display: none;
}

.top-go-yoyaku__btn {
  display: none;
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}

.top-go-yoyaku__btn img {
  display: block;
}