/*
Theme Name:VOGUE child
Theme URI:
Description:VOGUEの子テーマ
Template:vogue_tcd051
Author:
Author URI:
Version:1.1.6
*/


 /**
	* フッターバナー
	*/
#footerFloatingMenu {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: none;
}

#footerFloatingMenu a {
  padding: 13px;
  font-size: 24px;
  color: #fff;
  background-color:#403F8C;
  text-align: center;
  display: block;
}

#footerFloatingMenu a:hover,
#footerFloatingMenu a:focus {
  background-color: #222222;
}

@media (max-width:480px) {
  #footerFloatingMenu a {
    font-size: 20px;
  }

  #js-pagetop {
    display: none;
  }
}

footer.l-footer {
  padding-bottom: 80px !important;
}

 /**
	* content02
	*/
.p-content02 { overflow: hidden; }
.p-content02:not(.slick-slider) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.p-content02:hover .slick-arrow { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.p-content02 .slick-arrow { background: #222; width: 50px; height: 50px; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 99; transition: 0.3s; transition-property: transform; }
.p-content02 .slick-arrow::before { font-family: "design_plus"; }
.p-content02 .slick-prev { left: 0; -webkit-transform: translate(-50px, 0); -ms-transform: translate(-50px, 0); transform: translate(-50px, 0); }
.p-content02 .slick-prev::before { content: "\e90f"; }
.p-content02 .slick-next { right: 0; -webkit-transform: translate(50px, 0); -ms-transform: translate(50px, 0); transform: translate(50px, 0); }
.p-content02 .slick-next::before { content: "\e910"; }

.p-content02__item { background-position: center center; background-size: cover; text-align: center; height: auto; width: 33.33333%; position: relative; }
.p-content02__item a { box-sizing: border-box; color: #fff; display: block; width: 100%; height: auto; padding: 0; overflow: hidden; position: relative; }
.p-content02__item a:hover .p-content02__item-content { opacity: 1; }

.p-content02__item-img { width: 100%; height: auto; }

.p-hover-effect--type1 .p-content02__item-img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.p-content02__item-content { color: #fff; box-sizing: border-box; padding: 0 20px; width: 100%; position: absolute; left: 0; z-index: 99; opacity: 0; transition-property: opacity; transition: 0.3s; }

.p-content02__item-content--t { padding-top: 90px; top: 0; }

.p-content02__item-content--c { top: 0; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: center; -webkit-transform: translateY(-4px); transform: translateY(-4px); }

.p-content02__item-content--b { padding-bottom: 98px; bottom: 0; }

.p-content02__item-title { font-size: 40px; line-height: 1.2; margin-bottom: 9px; }

.p-content02__item-sub { font-size: 14px; line-height: 1.2; }

@media only screen and (max-width: 767px) { .p-content02 { display: block; }
  .p-content02__item { width: 100%; height: auto; }
  .p-content02__item a { padding: 0 0 100%; }
  .p-content02__item-content { position: absolute; padding: 53px 20px 0; width: 100%; box-sizing: border-box; opacity: 1; transition: none; }
  .p-content02__item-title { font-size: 30px !important; margin-bottom: 6px; }
  .p-content02__item-img { position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; margin: auto; width: auto; height: auto; }
  .p-content02__item-img--horizontal { width: auto; height: 100%; }
  .p-content02__item-img--vertical { width: 100%; height: auto; } }

 /**
	* content03
	*/
.p-content03 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 600px; }

.p-content03--rev { flex-direction: row-reverse; }

.p-content03__blog-arrows .slick-arrow { top: auto; bottom: 50px; -webkit-transform: none; transform: none; }
.p-content03__blog-arrows .slick-arrow:hover::before { color: #999; opacity: 1; }
.p-content03__blog-arrows .slick-arrow::before { font-family: "design_plus"; color: #000; opacity: 0.75; display: block; font-size: 20px; width: 20px; height: 20px; }
.p-content03__blog-arrows .slick-prev { left: 8.2761%; }
.p-content03__blog-arrows .slick-prev::before { content: "\e90f"; }
.p-content03__blog-arrows .slick-next { right: 8.2761%; }
.p-content03__blog-arrows .slick-next::before { content: "\e910"; }

.p-content03__blog { box-sizing: border-box; padding: 100px 5.51724% 0; width: 66.66667%; position: relative; }
.p-content03__blog .slick-list, .p-content03__blog .slick-slider { position: inherit; }
.p-content03__blog .slick-arrow { background: transparent; top: auto; }
.p-content03__blog .slick-arrow:hover { background: transparent; }
.p-content03__blog .slick-arrow:focus { background: transparent; }

.p-content03__blog-header { position: relative; }

.p-content03__blog-catch { font-size: 40px; margin-bottom: 30px; }

.p-content03__blog-archive-link { color: #999; font-size: 14px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.p-content03__blog-archive-link::after { content: "\e910"; font-family: "design_plus"; margin-left: 13px; transition: none; vertical-align: middle; }

.p-content03__blog-list { margin: 0 -1.48276%; margin: 0 -21px; }

.p-content03__blog-list-item { padding: 0 21px; box-sizing: border-box; }

.p-content03__news { padding: 100px 0 0; width: 33.33333%; }

.p-content03__news-catch { font-size: 40px; color: #fff; margin-bottom: 30px; padding: 0 16.52893%; }

.p-content03__news-list { margin-bottom: 25px; }

.p-content03__news-list-item a { padding: 20px 16.52893% 15.8px; }
.p-content03__news-list-item a:hover { background: #333; }

.p-content03__news-archive-link { color: #999; font-size: 14px; padding: 0 16.52893%; }
.p-content03__news-archive-link::after { content: "\e910"; font-family: "design_plus"; margin-left: 13px; transition: none; vertical-align: middle; }

@media only screen and (max-width: 991px) { .p-content03__blog { padding-top: 40px; }
  .p-content03__news { padding-top: 40px; }
  .p-content03__news-list-item a:hover { background: transparent !important; } }
@media only screen and (max-width: 767px) { .p-content03 { height: auto; display: block; }
  .p-content03__blog { padding: 43.5px 20px 0; width: 100%; }
  .p-content03__blog-catch { color: #000; font-size: 30px !important; margin-bottom: 16px; }
  .p-content03__blog-list { margin: 0; overflow: hidden; }
  .p-content03__blog-list-inner { display: flex; }
  .p-content03__blog-list-item { float: left; padding: 0; margin-right: 10px; width: 120px; }
  .p-content03__blog-archive-link { color: #000; }
  .p-content03__news { background: transparent !important; position: relative; width: 100%; }
  .p-content03__news-catch { color: #000; font-size: 30px !important; padding: 0 20px; margin-bottom: 16px; }
  .p-content03__news-archive-link { color: #000; padding: 0; position: absolute; top: 48px; right: 20px; }
  .p-content03__news-list { margin-bottom: 0; }
  .p-content03__news-list-item { padding: 0 20px; }
  .p-content03__news-list-item:first-child a { padding-top: 26px; }
  .p-content03__news-list-item:last-child a { border-bottom: 0; padding-bottom: 20px; }
  .p-content03__news-list-item a { padding: 17px 0 12.2px; border-bottom: 1px solid #444; }
  .p-content03__news-list-item a:hover { background: transparent; }
  .p-content03__blog-list { margin: 0 -20px; }
  .p-content03__blog-list-item { box-sizing: content-box; }
  .p-content03__blog-list-item:first-child { padding-left: 20px; }
  .p-content03__blog-list-item:last-child { padding-right: 20px; } }

 /**
	* content04
	*/
.p-content04 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 600px; }

.p-content04__content { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: center; padding: 0 5.51724%; width: 33.33333%; }

.p-content04__catch { font-size: 40px; line-height: 2.2; margin-bottom: 1.6px; text-align: center; }

.p-content04__desc { font-size: 14px; line-height: 2.2; margin-bottom: 31.6px; }

.p-content04__slider { position: relative; width: 66.66667%; }
.p-content04__slider .slick-arrow { width: 50px; height: 50px; position: absolute; top: auto; bottom: 0; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 99; transition-duration: 0.2s; transition-property: background; }
.p-content04__slider .slick-arrow::before { font-family: "design_plus"; font-size: 18px; }
.p-content04__slider .slick-prev { left: auto; right: 50px; }
.p-content04__slider .slick-prev::before { content: "\e90f"; }
.p-content04__slider .slick-next { right: 0; }
.p-content04__slider .slick-next::before { content: "\e910"; }

.p-content04__slider-item { background-position: center center; background-size: cover; width: 100%; height: 600px; }

.p-content04__btn { align-self: center; }

@media only screen and (max-width: 767px) { .p-content04 { display: block; height: auto; }
  .p-content04__content { width: 100%; padding: 52px 11.11111% 64px; }
  .p-content04__catch { font-size: 30px !important; line-height: 1.5; margin-bottom: 2px; }
  .p-content04__desc { line-height: 2; margin-bottom: 13px; }
  .p-content04__slider { width: 100%; }
  .p-content04__slider .slick-arrow { width: 40px; height: 40px; }
  .p-content04__slider .slick-arrow::before { font-size: 14px; }
  .p-content04__slider .slick-prev { right: 40px; }
  .p-content04__slider-item { height: 360px; } }

   /**
	* hero header
	*/
.p-hero-header { position: relative; width: 100%; height: 100vh; overflow: hidden; }
.p-hero-header .slick-arrow { width: 40px; height: 40px; bottom: 0; top: 0; margin: auto; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 9; }
.p-hero-header .slick-arrow::before { font-size: 14px; font-family: "design_plus"; }
.p-hero-header .slick-prev { left: 0; }
.p-hero-header .slick-prev::before { content: "\e90f"; }
.p-hero-header .slick-next { right: 0; }
.p-hero-header .slick-next::before { content: "\e910"; }

.p-hero-header__nav { background: transparent; width: 100%; height: 100%; position: relative; z-index: 9; margin-bottom: 0; }

.p-hero-header__nav-item { box-sizing: border-box; border-right: 1px solid rgba(255, 255, 255, 0.3); float: left; list-style: none; width: 25%; height: 100%; }
.p-hero-header__nav-item a { display: block; text-align: center; position: relative; width: 100%; height: 100%; }
.p-hero-header__nav-item a:hover .p-hero-header__nav-item-title { opacity: 1; }
.p-hero-header__nav-item:last-child { border-right: 0; }

.p-hero-header__nav-item-title { color: #fff; font-size: 30px; position: absolute; left: 0; bottom: 120px; width: 100%; transition: opacity 0.65s ease-out; opacity: 0; }

.p-hero-header__content { background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.p-hero-header__content-video { background: #222; width: 100%; height: 100%; overflow: hidden; position: absolute; }
.p-hero-header__content-video video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; }

.p-hero-header__content-youtube { width: 100%; height: 100%; overflow: hidden; position: absolute; }
.p-hero-header__content-youtube iframe { width: 100%; height: 100%; }

.p-hero-header__link { box-sizing: border-box; color: #fff; display: inline-block; padding: 0 10px; min-width: 220px; height: 50px; line-height: 50px; font-size: 14px; position: absolute; bottom: -100%; right: 0; text-align: center; z-index: 9; }
.p-hero-header__link::after { content: "\e90e"; font-family: "design_plus"; margin-left: 10px; }

.p-hero-header__slider-item { background-size: cover; background-repeat: no-repeat; background-position: center center; height: calc(100vh); }
.p-hero-header__slider-item a { display: block; width: 100%; height: 100%; position: relative; }

.p-hero-header__slider-item-title { font-size: 30px !important; color: #fff; position: absolute; bottom: 40px; width: 100%; text-align: center; }

@media only screen and (max-width: 991px) { .p-hero-header__link { display: none; }
  .p-hero-header__slider-item-title { bottom: 81px; } }
@media only screen and (max-width: 767px) { .p-hero-header { height: calc(100vh - 60px); }
  .p-hero-header__slider-item { height: calc(100vh - 60px); } }

   /**
	* tab
	*/
.p-entry__body .p-tab__nav { list-style: none; margin-left: 0; margin-bottom: 0; }
.p-entry__body .p-tab__content-pager { list-style: none; margin-left: 0; margin-bottom: 0; }
.p-entry__body .p-tab__content-pager-item { line-height: 50px; }
.p-entry__body .p-tab__content-img-nav-item { line-height: 50px; margin-bottom: 0; }
.p-entry__body .p-tab__content-caption { line-height: 2.2; margin-bottom: 0; }

.p-tab { margin-bottom: 91.6px; }
.p-tab .slick-arrow { bottom: 0; width: 50px; height: 50px; z-index: 999; }
.p-tab .slick-arrow::before { font-family: "design_plus"; font-size: 18px; }
.p-tab .slick-prev { left: auto; right: 50px; }
.p-tab .slick-prev::before { content: "\e90f"; }
.p-tab .slick-next { right: 0; }
.p-tab .slick-next::before { content: "\e910"; }

.p-tab__content-img-slider-item { background: #f6f6f6; height: 645px; position: relative; }
.p-tab__content-img-slider-item img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; }

.p-tab__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; }

.p-tab__nav-item { flex: 1; font-size: 16px; list-style: none; margin-right: 2px; text-align: center; }
.p-tab__nav-item:last-child { margin-right: 0; }
.p-tab__nav-item.is-active a, .p-tab__nav-item:hover a { color: #fff; }
.p-tab__nav-item a { background: #eee; display: block; height: 55px; line-height: 55px; width: 100%; }

.p-tab__content-floor-plan { width: 100%; height: 645px; position: relative; }

.p-tab__content-floor-plan-content { /*
	display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
*/ position: absolute; width: 100%; height: 100%; }

.p-tab__content-floor-plan-text { background: #004353; box-sizing: border-box; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; justify-content: center; width: 50%; height: 100%; padding: 0 6.08696%; font-size: 14px; line-height: 2.2; position: absolute; left: 0; }
.p-tab__content-floor-plan-text p { margin-bottom: 33.2px; }
.p-tab__content-floor-plan-text p:last-child { margin-bottom: 0; }

.p-tab__content-floor-plan-img { background: #fff; border: 1px solid #ddd; border-left: 0; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; justify-content: center; width: 50%; height: 100%; position: absolute; right: 0; }
.p-tab__content-floor-plan-img img { height: auto; max-width: 100%; }

.p-tab__content-pager { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; bottom: 0; right: 0; margin-bottom: 0; }

.p-tab__content-pager-item { font-size: 14px; list-style: none; line-height: 50px; width: 50px; height: 50px; margin-bottom: 0; text-align: center; }
.p-tab__content-pager-item a { color: #fff; display: block; }

.p-tab__content-img { position: relative; }

.p-tab__content-img-nav { background: rgba(34, 34, 34, 0.7); position: absolute; bottom: 0; left: 0; width: 100%; }

.p-tab__content-img-nav-item { color: #fff; font-size: 14px; height: 50px; line-height: 50px; padding: 0 127px 0 27px; }

.p-tab__content-video { background: #f6f6f6; width: 100%; height: 645px; }

.p-tab__content-youtube { background: #f6f6f6; position: relative; width: 100%; height: 645px; }
.p-tab__content-youtube iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.p-tab__content-caption { font-size: 14px; line-height: 2.2; margin-top: 14.6px; }

@media only screen and (max-width: 991px) { .p-tab__content-floor-plan-text { line-height: 2; padding: 0 20px; }
  .p-tab__content-floor-plan-text p { margin-bottom: 26px; } }
@media only screen and (max-width: 767px) { .p-tab { margin-left: -20px; margin-bottom: 36.4px; width: calc(100% + 20px); }
  .p-tab .slick-arrow { top: 0; bottom: 0; width: 40px; height: 40px; margin: auto; transform: none; }
  .p-tab .slick-arrow::before { font-size: 14px; }
  .p-tab .slick-prev { left: 0; right: auto; }
  .p-tab__nav { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: inherit; }
  .p-tab__nav-item { flex: initial; margin-right: 0; width: 50%; }
  .p-tab__nav-item:nth-child(odd) a { border-top: 1px solid #ddd; border-right: 1px solid #ddd; }
  .p-tab__nav-item:nth-child(even) a { border-top: 1px solid #ddd; }
  .p-tab__nav-item:nth-last-child(2) a, .p-tab__nav-item:last-child a { border-bottom: 1px solid #ddd; }
  .p-tab__nav-item a { background: #fff; box-sizing: border-box; }
  .p-tab__content { width: inherit; }
  .p-tab__content-floor-plan { padding-bottom: 0; height: auto; }
  .p-tab__content-floor-plan-content { position: static; height: auto; }
  .p-tab__content-floor-plan-text { position: static; width: inherit; height: auto; padding: 33px 11.11111%; }
  .p-tab__content-floor-plan-img { border-right: 0; position: static; width: inherit; }
  .p-tab__content-floor-plan-img img { width: 100%; height: auto; }
  .p-tab__content-caption { font-size: 12px; line-height: 1.6; padding: 0 20px; margin-top: 16.4px; }
  .p-tab__content-img-nav-item { height: auto; padding: 9px 20px; }
  .p-entry__body .p-tab__content-img-nav-item { font-size: 12px; line-height: 1.5; }
  .p-tab__content-img-slider-item { height: 360px; }
  .p-tab__content-video { height: auto; }
  .p-tab__content-youtube { height: auto; padding-bottom: 100%; } }