@charset "UTF-8";
/*緑。こどもの国*/
/*日本語*/
/*@import url('https://fonts.googleapis.com/css?family=Teko:400,500,700');*/
@import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700");
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/hebel-rooms/feature/boriki/css/fonts/NotoSansCJKjp-DemiLight-sub-j1.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/hebel-rooms/feature/boriki/css/fonts/NotoSansCJKjp-Regular-sub-j1.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/hebel-rooms/feature/boriki/css/fonts/NotoSansCJKjp-Medium-sub-j1.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/hebel-rooms/feature/boriki/css/fonts/NotoSansCJKjp-Bold-sub-j1.woff") format("woff");
}
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/hebel-rooms/feature/boriki/css/fonts/NotoSansCJKjp-Black-sub-j1.woff") format("woff");
}
/*日本語*/
/*------------------------------------------------------------------------------

ヘーベル元スタイルのリセット

------------------------------------------------------------------------------*/
body div, body dl, body dt, body dd, body ul, body ol, body li, body h1, body h2, body h3, body h4, body h5, body h6, body pre, body form, body fildset, body input, body textarea, body p, body blockquote, body table, body th, body td, body address {
  color: #252525;
}

sub, sup {
  position: static;
}

@media screen and (min-width: 740px) {
  body li {
    float: none;
  }

  body .wrap_footer li {
    float: left;
  }

  #footer {
    padding-top: 0;
    border-top: 1px solid #f3f3f3;
  }
}
html {
  overflow-y: scroll;
}
@media screen and (max-width: 739px) {
  html {
    height: 100%;
  }
}

.boriki2019_contents {
  -webkit-text-size-adjust: none;
  color: #252525;
  font-size: 18px;
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-family: "Noto Sans JP", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "Yu Gothic", "游ゴシック", Osaka, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 400;
  word-break: normal;
  word-wrap: break-word;
  z-index: 1;
}
@media screen and (max-width: 739px) {
  .boriki2019_contents {
    font-size: 3.6vw;
    -webkit-overflow-scrolling: touch;
  }
}

.boriki2019_contents * {
  margin: 0;
  padding: 0;
  line-height: 1.1;
}

ul, li, dl, dt {
  list-style-type: none;
}

img {
  vertical-align: middle;
  border: none;
}

/*p,dt,dd,li{text-align:justify;text-justify:inter-ideograph;}*/
.alignCenter {
  text-align: center;
}

img.fitImg {
  max-width: 100%;
  height: auto;
}

br {
  line-height: 1;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  /* Firefoxで、下マージン設定しているのに上にもアキができるバグ対策。追加 */
}

.serif {
  font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W6", "HiraMinPro-W6", YuMincho, "Yu Mincho", "游明朝", serif;
}

.sans_serif {
  font-family: "Noto Sans JP", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "Yu Gothic", "游ゴシック", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

a, a:link, a:visited, a:hover, a:active {
  text-decoration: none;
  color: #464646;
}

p.img {
  margin: 5px 0;
}

input[type=text],
input[type=email] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.inner {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  clear: both;
}
@media screen and (max-width: 739px) {
  .inner {
    width: 100%;
  }
}

.sp_menu_screen {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 997;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: none;
}

.inner1440 {
  width: 1440px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .inner1440 {
    /*		overflow:hidden;*/
    width: 100%;
  }
}

.inner1200 {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  /*	overflow:hidden;*/
}
@media screen and (max-width: 1200px) {
  .inner1200 {
    width: 100%;
  }
}

.inner1000 {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  /*	overflow:hidden;*/
}
@media screen and (max-width: 1000px) {
  .inner1000 {
    width: 100%;
  }
}

.isSP {
  display: none;
}
@media screen and (max-width: 739px) {
  .isSP {
    display: block;
  }
}

@media screen and (max-width: 1000px) {
  .isPC {
    display: none;
  }
}

@media screen and (max-width: 739px) {
  .pc_br {
    display: none;
  }
}

.sp_br {
  display: none;
}
@media screen and (max-width: 739px) {
  .sp_br {
    display: block;
  }
}

/*------------------------------------------------------------------------------

slick上書き

------------------------------------------------------------------------------*/
.slick-list {
  /*	padding-top:15px !important;
  	padding-bottom:15px !important;*/
}
.slick-dots {
  bottom: 0;
}
@media screen and (max-width: 739px) {
  .slick-dots {
    bottom: -8vw;
  }
}

.slick-prev {
  width: 40px;
  height: 40px;
  left: calc(50% - 640px);
  z-index: 10;
}
@media screen and (max-width: 1200px) {
  .slick-prev {
    left: 0;
    display: none;
  }
}
@media screen and (max-width: 739px) {
  .slick-prev {
    left: 0;
    display: none;
  }
}

.slick-next {
  width: 40px;
  height: 40px;
  right: calc(50% - 650px);
}
@media screen and (max-width: 1200px) {
  .slick-next {
    right: 0;
    display: none;
  }
}
@media screen and (max-width: 739px) {
  .slick-next {
    right: 0;
    display: none;
  }
}

.slick-prev:before,
.slick-next:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  -webkit-transform: rotate(45deg) translateY(-2px);
          transform: rotate(45deg) translateY(-2px);
  -webkit-transform-origin: right 50% 0;
          transform-origin: right 50% 0;
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .slick-prev:before,
.slick-next:before {
    display: none;
  }
}
@media screen and (max-width: 739px) {
  .slick-prev:before,
.slick-next:before {
    display: none;
  }
}

.slick-prev:before {
  border-left: 2px solid #454545;
  border-bottom: 2px solid #454545;
}
.slick-next:before {
  border-right: 2px solid #454545;
  border-top: 2px solid #454545;
}
.slick-dots li button:before {
  opacity: 1;
  color: #454545;
}

.slick-dots li button:before,
.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #454545;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #454545;
  text-align: center;
}

.slick-dots li.slick-active button:before {
  background: #f7f7f7;
}

.slick-dots li.slick-active button:after {
  opacity: 1;
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  z-index: 10;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #9a8ebd;
  text-align: center;
}

/*------------------------------------------------------------------------------

colorbox上書き

------------------------------------------------------------------------------*/
iframe.cboxIframe img {
  display: block;
  text-align: center;
}

/*------------------------------------------------------------------------------

リセット

------------------------------------------------------------------------------*/
#footer {
  padding-top: 0;
  border-top: 1px solid #f3f3f3;
}

/*------------------------------------------------------------------------------

共通見出しとテキスト

------------------------------------------------------------------------------*/
.common_headline {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.15em;
  text-align: center;
}
@media screen and (max-width: 739px) {
  .common_headline {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.1em;
  }
}

.common_headline b {
  display: inline-block;
  margin-bottom: 15px;
  font-family: "Quicksand", sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #de6c6c;
  font-size: 30px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 739px) {
  .common_headline b {
    margin-bottom: 3.5vw;
    font-size: 7.2vw;
    letter-spacing: 0.15em;
  }
}

.common_headline em {
  font-style: normal;
  color: #999;
}

.common_lead {
  text-align: center;
}

.common_lead p {
  display: inline-block;
  max-width: 800px;
  text-align: left;
  padding-top: 40px;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 300;
}
.common_image_full {
  width: 100%;
  padding-top: 30px;
  text-align: center;
}
.common_image_full img {
  max-width: 100%;
}

@media screen and (max-width: 739px) {
  img.isPC {
    display: none !important;
  }
}

img.isSP {
  display: none !important;
}
@media screen and (max-width: 739px) {
  img.isSP {
    display: inline-block !important;
  }
}

/*------------------------------------------------------------------------------

header

------------------------------------------------------------------------------*/
.header_boriki {
  width: 100%;
  height: 80px;
  background: #fff;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  clear: both;
}
@media screen and (max-width: 739px) {
  .header_boriki {
    height: 13vw;
  }
}

.header_inner {
  width: 1680px;
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 1680px) {
  .header_inner {
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 739px) {
  .header_inner {
    height: 13vw;
  }
}

/*
.header_inner:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:195px;
	height:$pc_header_height;
	background:url(/hebel-rooms/feature/boriki/img/logo_header_sp.png) no-repeat 30px center;
	background-size:165px 42px;
	@include media1680{
		width:195px;
		background:url(/hebel-rooms/feature/boriki/img/logo_header_sp.png) no-repeat 30px center;
		background-size:165px 42px;
	}
	@include media739{
		width:30vw;
		height:$sp_header_height;
		background:url(/hebel-rooms/feature/boriki/img/logo_header_sp.png) no-repeat 4vw center;
		background-size:26vw auto;
	}
}
*/
.header_menu_list {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 40px;
}
@media screen and (max-width: 739px) {
  .header_menu_list {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 13vw;
    background: #fff;
    padding-right: 0;
    padding-bottom: 10vw;
    display: none;
  }
}

.header_menu_list li {
  padding-left: 40px;
}
@media screen and (max-width: 1100px) {
  .header_menu_list li {
    padding-left: 2.6vw;
  }
}
@media screen and (max-width: 739px) {
  .header_menu_list li {
    padding-left: 0;
    width: 89.33%;
    margin: 0 auto;
  }
}

.header_menu_list a {
  color: #242527;
  font-size: 14px;
  letter-spacing: 0.15em;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .header_menu_list a {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 739px) {
  .header_menu_list a {
    display: block;
    padding: 4vw 3vw;
    color: #999;
    font-size: 3vw;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #e6e6e6;
  }
}

.header_menu_list em {
  color: #242527;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0.15em;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .header_menu_list em {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 739px) {
  .header_menu_list em {
    display: block;
    padding: 4vw 3vw;
    font-size: 3vw;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #e6e6e6;
  }
}

.header_menu_list em:after,
.header_menu_list a:after {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: rgba(243, 233, 223, 0);
  z-index: -1;
  -webkit-transition: background ease 0.4s;
  transition: background ease 0.4s;
}
@media screen and (max-width: 739px) {
  .header_menu_list em:after,
.header_menu_list a:after {
    display: none;
  }
}

.header_menu_list em:after,
.header_menu_list a:hover:after {
  background: #f8e2e2;
}

.header_sp_switch {
  display: none;
}
@media screen and (max-width: 739px) {
  .header_sp_switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 10vw;
    width: 10vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 1.5vw;
    border-radius: 0 3px 3px 0;
    background: #f0f0f0;
    text-indent: -9999px;
    overflow: hidden;
  }
}

.header_sp_switch:after,
.header_sp_switch:before {
  content: "";
  display: block;
  position: absolute;
  left: 2.5vw;
  width: 5vw;
  height: 2px;
  background: #000;
  -webkit-transition: -webkit-transform ease 0.4s;
  transition: -webkit-transform ease 0.4s;
  transition: transform ease 0.4s;
  transition: transform ease 0.4s, -webkit-transform ease 0.4s;
}

.header_sp_switch:before {
  top: 4.2vw;
}

.header_sp_switch:after {
  top: 5.8vw;
}

.header_sp_switch.isOpen:before {
  left: 2.5vw;
  top: 5vw;
  width: 6vw;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.header_sp_switch.isOpen:after {
  left: 2.5vw;
  top: 5vw;
  width: 6vw;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.header_isolate_menu {
  width: 200px;
  height: 80px;
}
@media screen and (max-width: 739px) {
  .header_isolate_menu {
    width: 34vw;
    height: auto;
  }
}

.header_isolate_menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  background: #de6c6c url(/hebel-rooms/feature/boriki/img/icon_letter.png) no-repeat 40px center;
  background-size: 17px auto;
  color: #fff;
  font-size: 14px;
  -webkit-transition: background-color ease 0.4s;
  transition: background-color ease 0.4s;
}
@media screen and (max-width: 739px) {
  .header_isolate_menu a {
    height: 10vw;
    background: #de6c6c url(/hebel-rooms/feature/boriki/img/icon_letter.png) no-repeat 3vw center;
    background-size: 3vw auto;
    padding: 0 3 vw 0 8vw;
    border-radius: 3px 0 0 3px;
    font-size: 3.1vw;
    letter-spacing: 0.2em;
  }
}

.header_isolate_menu a:hover {
  background-color: #ed9696;
  color: #fff;
}

.header_logo {
  position: absolute;
  left: 30px;
  top: 20px;
  width: 165px;
}
@media screen and (max-width: 739px) {
  .header_logo {
    width: 26vw;
    left: 4vw;
    top: 3.1vw;
  }
}

.header_logo img {
  max-width: 100%;
}

/*------------------------------------------------------------------------------

series上の問い合わせボタン

------------------------------------------------------------------------------*/
.series_inquire_link {
  width: 100%;
  min-width: 1200px;
  border-top: 1px solid #efefef;
  padding-top: 60px;
  margin-top: 65px;
  padding-bottom: 70px;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .series_inquire_link {
    min-width: 0;
  }
}
@media screen and (max-width: 739px) {
  .series_inquire_link {
    padding-top: 8vw;
    margin-top: 8vw;
    padding-bottom: 9vw;
  }
}

.series_inquire_btn {
  width: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 739px) {
  .series_inquire_btn {
    width: 84%;
  }
}

.series_inquire_btn a {
  display: block;
  width: 100%;
  background: #de6c6c;
  padding: 20px 0;
  border-radius: 30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  letter-spacing: 0.15em;
  -webkit-transition: background ease 0.4s;
  transition: background ease 0.4s;
}
@media screen and (max-width: 739px) {
  .series_inquire_btn a {
    padding: 5vw 0;
    border-radius: 8vw;
    font-size: 3.4vw;
    -webkit-transition: none;
    transition: none;
  }
}

.series_inquire_btn a:hover {
  background: #ed9696;
  color: #fff;
}
@media screen and (max-width: 739px) {
  .series_inquire_btn a:hover {
    background: #de6c6c;
  }
}

.series_inquire_btn em {
  display: inline-block;
  padding: 3px 0 3px 33px;
  background: url(/hebel-rooms/feature/boriki/img/icon_letter.png) no-repeat 3px center;
  background-size: 16px auto;
  font-style: normal;
  font-weight: 400;
}
@media screen and (max-width: 739px) {
  .series_inquire_btn em {
    padding: 1vw 0 1vw 10vw;
    background: url(/hebel-rooms/feature/boriki/img/icon_letter.png) no-repeat 0 center;
    background-size: 6vw auto;
  }
}

.series_inquire_catch {
  padding-top: 25px;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 739px) {
  .series_inquire_catch {
    padding-top: 3vw;
    font-size: 3.4vw;
  }
}

/*------------------------------------------------------------------------------

series

------------------------------------------------------------------------------*/
.series {
  width: 100%;
  min-width: 1200px;
  background: #f7f7f7;
  padding-top: 80px;
  padding-bottom: 80px;
  clear: both;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .series {
    min-width: 0;
  }
}
@media screen and (max-width: 739px) {
  .series {
    background: #f7f7f7;
    padding-top: 12vw;
    padding-bottom: 12vw;
  }
}

.series_headline {
  padding-top: 50px;
  padding-bottom: 13px;
  border-bottom: 1px solid #ded2c5;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1200px) {
  .series_headline {
    width: 96%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 739px) {
  .series_headline {
    width: 89.33%;
    margin: 0 auto;
    padding-top: 8vw;
    padding-bottom: 2vw;
    font-size: 4vw;
  }
}

.series_headline em {
  display: inline-block;
  margin-left: 10px;
  color: #c49361;
  font-size: 14px;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 739px) {
  .series_headline em {
    margin-left: 2vw;
    font-size: 3vw;
  }
}

.series_list {
  width: 100%;
  margin: 0 auto;
  padding-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
  .series_list {
    width: 96%;
  }
}
@media screen and (max-width: 739px) {
  .series_list {
    width: 89.33%;
    padding-top: 5vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (max-width: 739px) {
  .series_list.tokyo {
    height: 180vw;
    overflow: hidden;
  }
}

@media screen and (max-width: 739px) {
  .series_list.isOpen {
    height: auto;
    padding-bottom: 40vw;
  }
}

.series_list li {
  width: 216px;
  padding-right: 30px;
  margin-bottom: 35px;
}
@media screen and (max-width: 739px) {
  .series_list li {
    width: 47%;
    padding-right: 0;
    margin-bottom: 6vw;
  }
}

.series_list li:nth-child(5n) {
  padding-right: 0;
}
@media screen and (max-width: 739px) {
  .series_list li:nth-child(5n) {
    padding-right: 0;
  }
}

@media screen and (max-width: 739px) {
  .sp_series_box {
    position: relative;
  }
}

.series_item_image {
  width: 100%;
}
.series_item_image img {
  display: inline-block;
  max-width: 100%;
  border-radius: 7px;
  -webkit-transition: opacity ease 0.4s;
  transition: opacity ease 0.4s;
}
@media screen and (max-width: 739px) {
  .series_item_image img {
    border-radius: 2vw;
  }
}

a:hover .series_item_image img {
  opacity: 0.7;
}
.series_item_num {
  position: relative;
}
.series_item_num em {
  display: inline-block;
  position: absolute;
  left: 12px;
  top: -20px;
  padding: 8px 15px;
  border-radius: 5px;
  background: #a6b7af;
  font-size: 16px;
  color: #fff;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-style: normal;
  z-index: 10;
}
@media screen and (max-width: 739px) {
  .series_item_num em {
    left: 2vw;
    top: -3vw;
    padding: 1.5vw 3vw;
    border-radius: 1vw;
    font-size: 3.6vw;
  }
}

.series_item_num sup {
  vertical-align: top;
  top: 0.5em;
}

.series_item_headline {
  padding-top: 30px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 739px) {
  .series_item_headline {
    padding-top: 6vw;
    font-size: 4vw;
    letter-spacing: 0em;
  }
}

.series_item_text {
  padding-top: 8px;
  font-size: 12px;
  font-weight: 300;
  color: #666;
  line-height: 1.5;
}
@media screen and (max-width: 739px) {
  .series_item_text {
    padding-top: 2vw;
    font-size: 3vw;
  }
}

/*カラー*/
.series_item_num.series_num_color01 em {
  background: #c49361;
}

.series_item_num.series_num_color02 em {
  background: #b6a9e2;
}

.series_item_num.series_num_color03 em {
  background: #a2cfa0;
}

.series_item_num.series_num_color04 em {
  background: #dbcf80;
}

.series_item_num.series_num_color05 em {
  background: #eaa2a3;
}

.series_item_num.series_num_color06 em {
  background: #b6a9e2;
}

.series_item_num.series_num_color07 em {
  background: #9eb6e2;
}

.series_item_num.series_num_color08 em {
  background: #ebaaab;
}

.series_item_num.series_num_color09 em {
  background: #b6a9e2;
}

.series_item_num.series_num_color10 em {
  background: #a6b7af;
}

.series_item_num.series_num_color11 em {
  background: #94afe0;
}

.series_item_num.series_num_color12 em {
  background: #9db0a7;
}

.series_item_num.series_num_color13 em {
  background: #eaa2a3;
}

.sp_series_more {
  display: none;
}
@media screen and (max-width: 739px) {
  .sp_series_more {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f700), color-stop(40%, #f7f7f7), to(#f7f7f7));
    background: linear-gradient(to bottom, #f7f7f700 0%, #f7f7f7 40%, #f7f7f7 100%);
    z-index: 990;
  }
}

@media screen and (max-width: 739px) {
  .sp_series_more:after {
    content: "";
    position: absolute;
    top: 18.5vw;
    left: calc(50% - 2.2vw);
    width: 2.5vw;
    height: 2.5vw;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(45deg) translateY(-2px);
            transform: rotate(45deg) translateY(-2px);
    -webkit-transform-origin: right 50% 0;
            transform-origin: right 50% 0;
    z-index: 992;
  }
}

@media screen and (max-width: 739px) {
  .sp_series_more.isOpen:after {
    top: 19vw;
    border-right: none;
    border-bottom: none;
    border-left: 3px solid #fff;
    border-top: 3px solid #fff;
  }
}

@media screen and (max-width: 739px) {
  .sp_series_more:before {
    content: "";
    display: block;
    position: absolute;
    top: 15vw;
    left: calc(50% - 4vw);
    width: 8vw;
    height: 8vw;
    border-radius: 50%;
    background: #454545;
    z-index: 991;
  }
}

@media screen and (max-width: 739px) {
  .sp_series_more p {
    text-align: center;
    padding-top: 25vw;
    font-size: 4vw;
  }
}

/*------------------------------------------------------------------------------

パンくず

------------------------------------------------------------------------------*/
.bottom_breadcrumb {
  width: 100%;
  min-width: 1200px;
}
@media screen and (max-width: 1200px) {
  .bottom_breadcrumb {
    min-width: 0;
  }
}
@media screen and (max-width: 739px) {
  .bottom_breadcrumb {
    display: none;
  }
}

.bottom_breadcrumb_list {
  width: 1000px;
  margin: 0 auto;
  padding-top: 45px;
  padding-bottom: 15px;
  letter-spacing: -0.4em;
}

.bottom_breadcrumb_list li {
  display: inline-block;
  letter-spacing: normal;
  margin-right: 25px;
}

.bottom_breadcrumb_list a,
.bottom_breadcrumb_list em {
  position: relative;
  font-size: 11px;
  font-weight: 300;
  font-style: normal;
  color: #666;
  letter-spacing: 0.1em;
}

.bottom_breadcrumb_list a:hover {
  text-decoration: underline;
}

.bottom_breadcrumb_list a:after {
  content: ">";
  display: block;
  position: absolute;
  left: calc(100% + 10px);
  top: calc(50% - 9px);
  font-size: 15px;
}

/*------------------------------------------------------------------------------

右貼り付きの現在地表示テキスト

------------------------------------------------------------------------------*/
.place_catch {
  display: none;
  position: absolute;
  left: calc(100% - 50px);
  top: 30px;
  -webkit-transform: rotate(90deg) translateY(-1px);
          transform: rotate(90deg) translateY(-1px);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
@media screen and (max-width: 739px) {
  .place_catch {
    display: none;
  }
}

.place_catch small {
  display: inline-block;
  position: relative;
  padding-right: 100px;
  font-size: 12px;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  color: #de6c6c;
  letter-spacing: 0.25em;
}

.place_catch em {
  margin-right: 1em;
  font-style: normal;
  color: #999;
}

.place_catch small:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 90px;
  height: 1px;
  background: #de6c6c;
}

.place_catch small:after {
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  top: calc(50% - 1px);
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #de6c6c;
}

.place_catch_image {
  position: absolute;
  right: 50px;
  top: 30px;
}
@media screen and (max-width: 739px) {
  .place_catch_image {
    display: none;
  }
}

/*------------------------------------------------

add medix2022.1。一覧ページにテキストとボタン追加

--------------------------------------------------*/
@media screen and (max-width: 739px) {
  .search-room-box {
    border-top: 1px solid #e5e5d9;
    padding: 1.5em 0 1em;
  }
}

.search-room-link {
  width: 100%;
  padding: 0 0 0.8em;
}

.search-room-link-btn {
  display: block;
  width: 132px;
  margin: 0 0 0 auto;
  height: 37px;
  line-height: 37px;
  background: #fff;
  border: 1px solid #666;
  border-radius: 3px;
  -webkit-transition: background ease 0.4s, color ease 0.4s;
  transition: background ease 0.4s, color ease 0.4s;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  color: #333;
}
@media screen and (max-width: 739px) {
  .search-room-link-btn {
    width: 100%;
    height: 9vw;
    line-height: 9vw;
    font-size: 3.733vw;
  }
}

.search-room-link-btn span {
  display: inline-block;
  padding-left: 25px;
  background: url(/hebel-rooms/feature/boriki/img/lineup/icon_lenz_black.png) no-repeat left center;
  background-size: 15px auto;
  -webkit-transition: background ease 0.4s;
  transition: background ease 0.4s;
}
@media screen and (max-width: 739px) {
  .search-room-link-btn span {
    padding-left: 6vw;
    background: url(/hebel-rooms/feature/boriki/img/lineup/icon_lenz_black.png) no-repeat left center;
    background-size: 4vw auto;
  }
}

.search-room-link-btn:hover {
  background: #333;
  color: #fff;
}
@media screen and (max-width: 739px) {
  .search-room-link-btn:hover {
    background: #fff;
    color: #333;
  }
}

.search-room-link-btn:hover span {
  background: url(/hebel-rooms/feature/boriki/img/lineup/icon_lenz_white.png) no-repeat left center;
  background-size: 15px auto;
}
@media screen and (max-width: 739px) {
  .search-room-link-btn:hover span {
    background: url(/hebel-rooms/feature/boriki/img/lineup/icon_lenz_black.png) no-repeat left center;
    background-size: 4vw auto;
  }
}

.sp-lineup-lead {
  display: none;
}
@media screen and (max-width: 739px) {
  .sp-lineup-lead {
    display: block;
    padding: 1em 0 1em;
    font-size: 3.3vw;
  }
}

/*------------------------------------------------

add medix2022.3
「母力シリーズ」バナーエリアに情報を追加
トップ・空間設計・コミュティサポート・ご入居者の声

--------------------------------------------------*/
.kids-prize-box {
  max-width: 880px;
  margin: 0 auto;
}
@media screen and (max-width: 739px) {
  .kids-prize-box {
    width: 100%;
  }
}

.p-lineup-link + .kids-prize-box {
  margin-top: -40px;
  padding-bottom: 80px;
}
@media screen and (max-width: 739px) {
  .p-lineup-link + .kids-prize-box {
    margin-top: -4vw;
    padding-bottom: 13.333vw;
  }
}

.kids-prize-headline {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 739px) {
  .kids-prize-headline {
    font-size: 3.6vw;
  }
}

.kids-prize-image-wrap{
  margin-top: 20px;
  display: flex;
  column-gap: 20px;
  justify-content: center;
}

@media screen and (max-width: 739px) {
.kids-prize-image-wrap {
  margin-top: 4vw;
  display: block;
}
}

.kids-prize-image {
  width: 40%;
}
@media screen and (max-width: 739px) {
  .kids-prize-image {
    width: 100%;
    margin-top: 2vw;
  }
}