@charset "utf-8";

/** ***************************************************************************
 * ギャラリー
 * ************************************************************************* */

#main div.gallery div.image {
  margin-bottom: 10px;
}

#main div.gallery div.slick-track {
  max-width: none;
}

#main div.gallery ul.slick-dots {
  position: static;
}

#main div.gallery ul.slick-dots .slick-slide {
  display: block !important;
}

#main div.gallery ul.slick-dots,
#main div.gallery ul.slick-dots li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#main div.gallery ul.slick-dots {
  max-width: none;
  margin-top: 10px;
  margin-left: -2px;
  margin-right: -2px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

#main div.gallery ul.slick-dots li {
  width: auto !important;
  height: auto !important;
  padding: 2px;
  flex-basis: 25%;
  flex-grow: 1;
  flex-shrink: 1;
}

/** ***************************************************************************
 * 物件情報
 * ************************************************************************* */

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:49em) {

  #bukken div.contents {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

}

/** ***************************************************************************
 * 画像
 */

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:49em) {

  #bukken div.gallery {
    max-width: 540px;
    flex-basis: 54%;
  }

}

/** ***************************************************************************
 * 内容
 */

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:49em) {

  #bukken div.content {
    padding-left: 2%;
    flex-basis: 44%;
  }

}

/** ===========================================================================
 * タイプ
 */

#bukken div.content .type .name {
  padding: 0.25em 0.5em;
  color: #fff;
  font-size: 1.5em;
  font-weight: bold;
  background-color: #F7931E;
  display: block;
}

#bukken div.content .type .detail {
  border: 3px solid #F7931E;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

#bukken div.content .type .madori {
  padding: 0.5em 0.5em;
  color: #F7931E;
  line-height: 1;
  font-size: 1.5em;
  font-weight: bold;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 100;
}

#bukken div.content .type .catch {
  padding: 0.5em 0.5em;
  line-height: 1.3;
  font-size: 1.34em;
  font-weight: bold;
  flex-basis: auto;
  flex-grow: 100;
  flex-shrink: 1;
  border-left: 3px solid #F7931E;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:49em) {

  #bukken div.content .type .name {
    padding: 0.5em 1em;
    font-size: 2em;
  }

  #bukken div.content .type .madori {
    padding: 0.5em 0.75em;
    font-size: 2em;
  }

  #bukken div.content .type .catch {
    padding: 0.875em 0.75em;
    font-size: 1.34em;
  }

}

/** ===========================================================================
 * 価格
 */

#bukken div.content .price {
	font-weight: bold;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
}

#bukken div.content .price .title {
	padding: 0.875em 1em;
  color: #fff;
  font-size: 1.14em;
	background-color: #333;
  flex-basis: 25%;
  flex-grow: 0;
  flex-shrink: 1;
}

#bukken div.content .price .number {
	padding: 5px 15px 0;
	border: 1px solid #B3B3B3;
  flex-basis: 75%;
  flex-grow: 1;
  flex-shrink: 1;
}

#bukken div.content .price .number strong {
  margin-top: 0.125em;
}

#bukken div.content .price .number strong {
	margin-right: 5px;
	line-height: 1.2;
	font-size: 2em;
	vertical-align: baseline;
	display: inline-block;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:49em) {

  #bukken div.content .price .number strong {
    font-size: 2.67em;
  }

}

/** ===========================================================================
 * 支払
 */

#bukken div.content .payment {
  margin-top: 2em;
	font-weight: bold;
  border-bottom: 2px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#bukken div.content .payment .number strong {
	margin-right: 5px;
  color: #FE5466;
	line-height: 1.2;
	font-size: 2.5em;
	vertical-align: baseline;
	display: inline-block;
}

#bukken div.content .payment .title {
  margin-right: 0.75em;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

#bukken div.content .payment .number {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
}

#bukken div.content .payment .note {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:49em) {

  #bukken div.content .payment .number strong {
    font-size: 2.67em;
  }

}

/** ===========================================================================
 * 詳細
 */

#bukken div.content .detail {
}

/** ===========================================================================
 * 注釈
 */

#bukken div.content .note {
}

/** ***************************************************************************
 * ご来店限定情報
 * ************************************************************************* */

#main div.gentei-info {
  max-width: 880px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 8%;
  background: url("../img/tatemono/icon-mascot-1.png") 99% center no-repeat;
  background-size: 10% auto;
  border-radius: 10px;
  border: 3px solid #FE5466;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:49em) {

  #main div.gentei-info {
    margin-top: 60px !important;
    padding-right: 10%;
    border: 5px solid #FE5466;
    background-size: 80px auto;
  }

}

/** ***************************************************************************
 * タイトル
 */

#main div.gentei-info .title {
  margin: 0;
  padding: 5px 10px;
  background-color: #FE5466;
  flex-basis: 22%;
  flex-grow: 0;
  flex-shrink: 1;
  align-self: stretch;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:49em) {

  #main div.gentei-info .title {
    padding: 10px 20px;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
  }

}

/** ***************************************************************************
 * 内容
 */

#main div.gentei-info .content {
  margin: 0;
  padding: 10px;
  padding-left: 1em;
  font-weight: bold;
}

#main div.gentei-info .content .stock {
  line-height: 1.3;
}

#main div.gentei-info .content .stock .number {
  margin-left: 0.125em;
  margin-right: 0.125em;
  color: #FE5466;
  font-size: 1.75em;
}

#main div.gentei-info .content .stock .strong {
  font-size: 1.125em;
}

#main div.gentei-info .content .message {
  text-align: center;
  display: block;
}

#main div.gentei-info .content .message::before {
  content: '≫';
  color: #FE5466;
  margin-right: 5px;
  line-height: 1;
  font-size: 1.25em;
  font-weight: normal;
  vertical-align: middle;
  display: inline-block;
}

#main div.gentei-info .content .message::after {
  content: '≪';
  color: #FE5466;
  margin-left: 5px;
  line-height: 1;
  font-size: 1.25em;
  font-weight: normal;
  vertical-align: middle;
  display: inline-block;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:49em) {

  #main div.gentei-info .content .stock {
    font-size: 1.87em;
  }

  #main div.gentei-info .content .stock .number {
    font-size: 2.32em;
  }

  #main div.gentei-info .content .stock .strong {
    font-size: 1.32em;
  }

  #main div.gentei-info .content .message {
    font-size: 1.34em;
  }

  #main div.gentei-info .content .message::before {
    font-size: 2.32em;
  }

  #main div.gentei-info .content .message::after {
    font-size: 2.32em;
  }

}

/** ***************************************************************************
 * お支払い例
 * ************************************************************************* */

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:49em) {

  #payment div.contents {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }

}

/** ***************************************************************************
 * タイトル
 */

#payment .section-title {
  margin-bottom: 20px;
  padding: 0.875em 1em 0.625em 3.25em;
  font-size: 1.25em;
  background: url("../img/tatemono/icon-calculator.png") 1em 0.5em no-repeat;
  background-color: #FFF9C8;
  background-size: 22px auto;
}

#payment .section-title + * {
  margin-top: 0;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:49em) {

  #payment .section-title {
    margin-bottom: 50px;
    font-size: 1.67em;
    background-position: 1em 0.375em;
    background-size: 40px auto;
  }

}

/** ***************************************************************************
 * 画像
 */

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:49em) {

  #payment div.gallery {
    max-width: 540px;
    flex-basis: 54%;
  }

}

/** ***************************************************************************
 * 内容
 */

#payment div.content div.detail {
  padding: 20px;
  background-color: #F8F7F5;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:49em) {

  #payment div.content {
    padding-left: 2%;
    flex-basis: 44%;
  }

}

/** ===========================================================================
 * タイプ
 */

#payment div.content .type .name {
  font-size: 1.14em;
}

#payment div.content .type .name strong {
  padding: 0.25em 0.5em;
  color: #fff;
  background-color: #333;
}

/** ===========================================================================
 * 価格
 */

#payment div.content .price {
  padding: 5px 15px 0;
  font-weight: bold;
  border: 1px solid #B3B3B3;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#payment div.content .price .number strong {
  margin-right: 5px;
  line-height: 1.2;
  font-size: 2em;
  vertical-align: baseline;
  display: inline-block;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:49em) {

  #payment div.content .price .number strong {
    font-size: 2.67em;
  }

}

/** ===========================================================================
 * 支払
 */

#payment div.content .payment {
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

#payment div.content .payment .number input {
  width: 6em;
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px 15px;
  line-height: 1;
  font-size: 1.34em;
  text-align: right;
  border: 1px solid #B3B3B3;
  background-color: #fff;
  vertical-align: middle;
  display: inline-block;
}

#payment div.content .payment .note {
  margin-top: 1em;
  flex-basis: 100%;
}

/** ===========================================================================
 * 計算
 */

#payment div.content .calculation .title {
  margin-bottom: 10px;
  vertical-align: middle;
  display: inline-block;
}

#payment div.content .calculation .title + * {
  margin-top: 0;
}

#payment div.content .calculation .number {
  font-weight: bold;
  display: block;
}

#payment div.content .calculation .number strong {
  width: 6em;
  min-height: 1.2em;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 15px 0;
  color: #FE5466;
  line-height: 1;
  font-size: 2.67em;
  text-align: right;
  border: 1px solid #FE5466;
  background-color: #fff;
  vertical-align: middle;
  display: inline-block;
}

/** ***************************************************************************
 * 所在地・アクセス
 * ************************************************************************* */

#access #googlemap {
  padding-bottom: 100%;
  position: relative;
  z-index: 1;
}

#access #googlemap * {
  max-width: none;
}

#access #googlemap div.gm-style-iw {
  max-width: none !important;
}

#access #googlemap div.info-window .address {
  margin-top: 5px;
}

#access #googlemap div.info-window .address ~ * {
  margin-top: 0;
}

#access #googlemap div.info-window .link {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:48em) {

  #access #googlemap {
    padding-bottom: 50%;
  }

}

/** ***************************************************************************
 * 資料請求ボタン
 * ************************************************************************* */

#button {
  letter-spacing: -0.4em;
  text-align: center;
}

#button a {
  margin: 5px;
  letter-spacing: normal;
  text-decoration: none;
  display: inline-block;
}