@charset "UTF-8";
/* PC
-------------------------------------------------- */
@media print, screen and (min-width: 541px) {
  .carWrap {
    /*margin: -10px 0 15px -10px;*/
    margin: -10px 0 15px -10px;
    /* ++++++++++++++++++++++++++++++++++++++++++ tab ++++++++++++++++++++++++++++++++++ */
    /* ----- button ---- */ }
    .carWrap #fullScreen {
      display: none;
      position: fixed;
      width: 100%;
      mim-height: 100%;
      height: 100%;
      background: #000;
      top: 0;
      left: 0;
      z-index: 1000; }
    .carWrap #slide {
      z-index: 900;
      position: fixed;
      width: 100%;
      mim-height: 100%;
      height: 100%;
      background: #000;
      top: 0;
      left: 0; }
    .carWrap #map, .carWrap #room {
      display: none;
      z-index: 900;
      position: fixed;
      width: 100%;
      height: 100%;
      z-index: 999;
      background: #000;
      top: 0;
      left: 0; }
    .carWrap .navi {
      width: 100%;
      height: 35px;
      position: absolute;
      top: 0;
      left: 0;
      background: #000;
      z-index: 999;
      padding-top: 5px; }
    .carWrap .navi:after {
      content: "";
      display: block;
      clear: both;
      width: 1px;
      height: 0;
      overflow: hidden; }
    .carWrap .navi .selecter {
      display: table;
      float: left;
      table-layout: fixed;
      margin-left: 5px; }
    .carWrap .navi .selecter li {
      display: table-cell;
      padding-left: 1px; }
    .carWrap .navi .selecter button {
      background: #464646;
      color: #fff;
      width: 100px;
      height: 30px;
      border: none;
      font-size: 14px;
      line-height: 1;
      cursor: pointer; }
    .carWrap .navi .closeBox {
      float: right;
      margin-right: 5px; }
    .carWrap .navi .closeBox button {
      display: block;
      height: 30px;
      width: 30px;
      text-align: center;
      line-height: 30px;
      font-size: 20px;
      font-weight: bold;
      color: #fff;
      background: #464646;
      border-radius: 15px;
      border: none;
      cursor: pointer; }
    .carWrap #tabArea {
      width: 690px;
      height: 565px !important;
      padding: 10px;
      background: #fff;
      position: relative; }
    .carWrap .tab {
      width: 670px;
      height: 500px !important;
      position: absolute;
      top: 10px;
      left: 10px; }
    .carWrap #tabSlide {
      z-index: 30;
      height: 500px !important;
      background: url("../images/common/loading.gif") no-repeat center 43% #FFF; }
    .carWrap #tabSlide .slick-list {
      background: #FFF; }
    .carWrap #tabSlide .slick-slide .imgWrap {
      display: table-cell;
      width: 670px;
      height: 500px;
      vertical-align: middle;
      text-align: center;
      position: relative; }
    .carWrap #tabSlide .slick-slide .imgWrap img.photo {
      max-width: 670px; }
    .carWrap .pagingInfo {
      display: inline-block;
      border-radius: 15px;
      padding: 5px 15px;
      position: absolute;
      bottom: 8px;
      right: 10px;
      z-index: 40;
      background: #FFF;
      opacity: 0.8;
      font-size: 13px; }
      .carWrap .pagingInfo span {
        font-size: 12px; }
    .carWrap #tabSlide .slick-slide .imgWrap img.photo {
      margin: 0 auto;
      vertical-align: middle;
      /*width:100%; タブ移動すると消えてしまうため*/ }
    .carWrap #tabSlide .slick-slide img.filter {
      position: absolute;
      bottom: 0;
      left: 0; }
    .carWrap #tabRoom {
      z-index: 96;
      display: none; }
    .carWrap #tabRoom .imgWrap {
      display: table-cell;
      width: 670px;
      height: 500px;
      vertical-align: middle;
      text-align: center;
      position: relative;
      z-index: 96;
      background: #FFF; }
      .carWrap #tabRoom .imgWrap img {
        max-width: 670px; }
    .carWrap #tabMap {
      z-index: 10; }
    .carWrap #btnArea {
      position: absolute;
      width: 690px;
      height: 41px;
      left: 0;
      bottom: 0; }
    .carWrap #btnArea ul {
      list-style: none;
      display: table;
      table-layout: fixed;
      width: 690px;
      height: 41px; }
    .carWrap #btnArea ul li {
      height: 41px;
      vertical-align: middle;
      text-align: center;
      display: table-cell;
      border-right: solid 1px #fff; }
    .carWrap #btnArea ul li:last-child {
      border: none; }
    .carWrap #btnArea ul li a {
      display: block;
      width: 100%;
      height: 41px;
      text-align: center;
      background: #dadada; }
    .carWrap #btnArea ul li a img.forSP {
      width: 25px;
      margin-top: 9px; }
    .carWrap #btnArea img {
      opacity: 0.3; }
    .carWrap #btnArea .btn_on img {
      opacity: 1; }
    .carWrap .btnFull {
      display: none !important;
      /* hidden */
      width: 141px;
      height: 43px;
      position: absolute;
      top: 20px;
      right: 20px;
      z-index: 95; } }

/* tablet
-------------------------------------------------- */
@media screen and (max-width: 800px) and (min-width: 541px) {
  .carWrap {
    /* ++++++++++++++++++++++++++++++++++++++++++ tab ++++++++++++++++++++++++++++++++++ */
    /* ----- button ---- */ }
    .carWrap #fullScreen {
      display: none;
      position: fixed;
      width: 100%;
      mim-height: 100%;
      height: 100%;
      background: #000;
      top: 0;
      left: 0;
      z-index: 1000; }
    .carWrap #slide {
      z-index: 900;
      position: fixed;
      width: 100%;
      mim-height: 100%;
      height: 100%;
      background: #000;
      top: 0;
      left: 0; }
    .carWrap #map, .carWrap #room {
      display: none;
      z-index: 900;
      position: fixed;
      width: 100%;
      height: 100%;
      z-index: 999;
      background: #000;
      top: 0;
      left: 0; }
    .carWrap .navi {
      width: 100%;
      height: 35px;
      position: absolute;
      top: 0;
      left: 0;
      background: #000;
      z-index: 999;
      padding-top: 5px; }
    .carWrap .navi:after {
      content: "";
      display: block;
      clear: both;
      width: 1px;
      height: 0;
      overflow: hidden; }
    .carWrap .navi .selecter {
      display: table;
      float: left;
      table-layout: fixed;
      margin-left: 5px; }
    .carWrap .navi .selecter li {
      display: table-cell;
      padding-left: 1px; }
    .carWrap .navi .selecter button {
      background: #464646;
      color: #fff;
      width: 100px;
      height: 30px;
      border: none;
      font-size: 14px;
      line-height: 1;
      cursor: pointer; }
    .carWrap .navi .closeBox {
      float: right;
      margin-right: 5px; }
    .carWrap .navi .closeBox button {
      display: block;
      height: 30px;
      width: 30px;
      text-align: center;
      line-height: 30px;
      font-size: 20px;
      font-weight: bold;
      color: #fff;
      background: #464646;
      border-radius: 15px;
      border: none;
      cursor: pointer; }
    .carWrap #tabRoom {
      z-index: 96;
      display: none; }
    .carWrap #tabMap {
      z-index: 10; }
    .carWrap #btnArea ul li {
      height: 41px;
      vertical-align: middle;
      text-align: center;
      display: table-cell;
      border-right: solid 1px #fff; }
    .carWrap #btnArea ul li:last-child {
      border: none; }
    .carWrap #btnArea ul li a {
      display: block;
      width: 100%;
      height: 41px;
      text-align: center;
      background: #dadada; }
    .carWrap #btnArea ul li a img.forSP {
      width: 25px;
      margin-top: 9px; }
    .carWrap #btnArea img {
      opacity: 0.3; }
    .carWrap #btnArea .btn_on img {
      opacity: 1; }
    .carWrap .btnFull {
      display: none; } }

/* smartphone
-------------------------------------------------- */
@media screen and (max-width: 540px) {
  .carWrap {
    border-bottom: 1px solid #CCC;
    overflow: hidden;
    /* ++++++++++++++++++++++++++++++++++++++++++ tab ++++++++++++++++++++++++++++++++++ */
    /* ----- button ---- */ }
    .carWrap #fullScreen {
      display: none;
      position: fixed;
      width: 100%;
      mim-height: 100%;
      height: 100%;
      background: #000;
      top: 0;
      left: 0;
      z-index: 1000; }
    .carWrap #slide {
      z-index: 900;
      position: fixed;
      width: 100%;
      mim-height: 100%;
      height: 100%;
      background: #000;
      top: 0;
      left: 0; }
    .carWrap #map, .carWrap #room {
      display: none;
      z-index: 900;
      position: fixed;
      width: 100%;
      height: 100%;
      z-index: 999;
      background: #000;
      top: 0;
      left: 0; }
    .carWrap .navi {
      width: 100%;
      height: 35px;
      position: absolute;
      top: 0;
      left: 0;
      background: #000;
      z-index: 999;
      padding-top: 5px; }
    .carWrap .navi:after {
      content: "";
      display: block;
      clear: both;
      width: 1px;
      height: 0;
      overflow: hidden; }
    .carWrap .navi .selecter {
      display: table;
      float: left;
      table-layout: fixed;
      margin-left: 5px; }
    .carWrap .navi .selecter li {
      display: table-cell;
      padding-left: 1px; }
    .carWrap .navi .selecter button {
      background: #464646;
      color: #fff;
      width: 100px;
      height: 30px;
      border: none;
      font-size: 14px;
      line-height: 1;
      cursor: pointer; }
    .carWrap .navi .closeBox {
      float: right;
      margin-right: 5px; }
    .carWrap .navi .closeBox button {
      display: block;
      height: 30px;
      width: 30px;
      text-align: center;
      line-height: 30px;
      font-size: 20px;
      font-weight: bold;
      color: #fff;
      background: #464646;
      border-radius: 15px;
      border: none;
      cursor: pointer; }
    .carWrap #tabArea {
      width: 100%;
      background: #fff;
      position: relative; }
    .carWrap .tab {
      width: 100%;
      min-height: 270px;
      position: absolute;
      top: 0px;
      left: 0px;
      padding-bottom: 41px;
      overflow: hidden; }
      .carWrap .tab .slick-prev::before, .carWrap .tab .slick-next::before {
        background-position: center;
        background-size: 35px; }
      .carWrap .tab .slick-prev, .carWrap .tab .slick-next {
        background-position: center;
        background-size: 35px; }
      .carWrap .tab .slick-prev {
        left: 0.5%;
        margin-top: -40px;
        z-index: 100; }
      .carWrap .tab .slick-next {
        right: 1.5%;
        margin-top: -40px;
        z-index: 100; }
    .carWrap #tabSlide {
      z-index: 30;
      background: url("../images/common/loading.gif") no-repeat center 43% #FFF; }
    .carWrap #tabSlide .slick-list {
      background: #FFF; }
    .carWrap #tabSlide .slick-slide .imgWrap {
      position: relative;
      display: block;
      text-align: center; }
    .carWrap #tabSlide .slick-slide .imgWrap img.photo {
      width: 100%;
      max-width: 100%; }
    .carWrap .pagingInfo {
      display: inline-block;
      border-radius: 12px;
      padding: 5px 12px;
      position: absolute;
      bottom: 80px;
      right: 10px;
      z-index: 40;
      background: #FFF;
      opacity: 0.8;
      font-size: 11px; }
      .carWrap .pagingInfo span {
        font-size: 10px; }
    .carWrap #tabSlide .slick-slide .imgWrap img.photo {
      margin: 0 auto;
      vertical-align: middle;
      /*max-height: 320px;*/ }
    .carWrap #tabSlide .slick-slide img.filter {
      position: absolute;
      bottom: 0;
      left: 0; }
    .carWrap #tabRoom {
      z-index: 96;
      display: none; }
    .carWrap #tabRoom .imgWrap {
      display: block;
      z-index: 96;
      background: #FFF; }
    .carWrap #tabMap {
      z-index: 10; }
    .carWrap #tabMap iframe {
      width: 100%;
      height: 100%; }
    .carWrap #btnArea {
      position: absolute;
      width: 100%;
      height: 41px;
      left: 0;
      bottom: 0;
      z-index: 100;
      border-top: 1px solid #ccc; }
    .carWrap #btnArea ul {
      list-style: none;
      display: table;
      table-layout: fixed;
      width: 100%;
      height: 41px; }
    .carWrap #btnArea ul li {
      height: 41px;
      vertical-align: middle;
      text-align: center;
      display: table-cell;
      border-right: solid 1px #fff; }
    .carWrap #btnArea ul li:last-child {
      border: none; }
    .carWrap #btnArea ul li a {
      display: block;
      width: 100%;
      height: 41px;
      text-align: center;
      background: #dadada; }
    .carWrap #btnArea ul li a img.forSP {
      width: 25px;
      margin-top: 9px; }
    .carWrap #btnArea img {
      opacity: 0.3; }
    .carWrap #btnArea .btn_on img {
      opacity: 1; }
    .carWrap .btnFull {
      display: none; } }

/*# sourceMappingURL=map/detail.css.map */