@charset "UTF-8";
/* ===========================================================

	Title: portfolio.css
	Created: 2018-05-08
	Portfolioコンテンツ専用スタイル

=========================================================== */
/*
	Common
	
=========================================================== */

/* ===========================================================

	Common

=========================================================== */

.map-index {
  display: flex; flex-direction: column; padding: 0;
}
.map-index .map-index__cell {
  display: block; padding: 0;
}

.map-index-card {
  display: block; padding: 5px; margin: 0 auto; max-width: 690px;
  box-shadow: 0 0 0 rgba(18, 46, 90, 0.00);
  transition: all 0.5s;
}
.map-index-card.over {
  box-shadow: 0 0 5px rgba(18, 46, 90, 0.20);
}
.map-index p.map-index-card__photo {
  display: block; padding: 0; margin: 0 auto;
}
.map-index p.map-index-card__photo img { width: 100%; height: auto; }
.map-index p.map-index-card__title {
  display: block; padding: 0.25em 0.5em; margin: 0 auto;
  font-size: 1.6rem; text-align: center;
  color: #fff; background-color: rgba(18,46,90,1.00);
}
@media print, screen and (min-width: 768px) {
  .map-index { flex-direction: row; padding: 10px; flex-wrap: wrap; justify-content: center; }
  .map-index .map-index__cell { padding: 10px; width: 50%; }

  .map-index-card { width: 100%; }
  .map-index-card.over { box-shadow: 0 0 20px rgba(18, 46, 90, 0.20); }
  .map-index p.map-index-card__photo { }
  .map-index p.map-index-card__title { font-size: 2.0rem; }
}








.map-info-image {
	display: block; padding: 0; margin: 0;
	height: 120px; width: 100%; text-align: center;
}
.map-info-image img {
	height: 120px; width: auto;
}


#portfolio-map-detail {
  display: block; padding: 0 0;
}

@media print, screen and (min-width: 768px) {
  #portfolio-map-detail { padding: 0; }
}




.portfolio-slider-set {
	display: block; padding: 0; margin: 0;
}
.portfolio-slider .slick-track {
	display: block; padding: 0; margin: 0!important;
	height: 420px; width: 100%; max-width: 100%;
	overflow: hidden;
}
.portfolio-slider {
	display: block; padding: 0; margin: 0;
	position: relative;
}
.portfolio-slider__cell {
	display: block; padding: 0; margin: 0;
}
.portfolio-slider__cell--photo {
	display: block; padding: 0; margin: 0;
	height: 420px; width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-color: #f1f1f1;
}


.portfolio-slider .slick-arrow {
	display: block;
	overflow: hidden; text-indent: -9999px;
	margin: -96px 0 0 0;
	padding: 0;
	background-color: #fff;
	border: none;
	border-radius: 0;
	outline: none;
	font-size: 1em; line-height: 120px;
	font-family: inherit;
	font-weight: inherit;
	position: absolute; top: 50%;
	width: 40px; height: 120px;
	z-index: 900;
}
.portfolio-slider .slick-arrow::before {
	display: block;
	overflow: hidden; text-indent: 0;
	margin: auto; padding: 0; font-size: 2.0em; line-height: 40px;
	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
	width: 40px; height: 40px;
	font-family: FontAwesome; color: rgba(18,46,90,1.00);
	font-weight: normal;
}

.portfolio-slider .slick-prev.slick-arrow { left: 0; border-radius: 0 4px 4px 0; }
.portfolio-slider .slick-prev.slick-arrow::before { content: "\f104"; }
.portfolio-slider .slick-next.slick-arrow { right: 0; border-radius: 4px 0 0 4px; }
.portfolio-slider .slick-next.slick-arrow::before { content: "\f105"; }


.portfolio-slider .slick-dots {
	display: flex; padding: 5px; margin: 0;
	text-align: center; justify-content: center;
}
.portfolio-slider .slick-dots li {
	display: inline-block; padding: 2px; margin: 0;
	width: 100px; vertical-align: baseline;
}

.portfolio-thumbnail__cell {
	display: block; padding: 2px; margin: 0;
}
.portfolio-thumbnail__cell--photo {
	display: block; padding: 0; margin: 0;
	height: 60px; width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #fff; border: solid 2px #fff;
	cursor: pointer;
}
.slick-active .portfolio-thumbnail__cell--photo { border: solid 2px rgba(18,46,90,1.00); }





ul.portfolio-details-pagelink {
	display: block; padding: 0; margin: 1.0em 0;
}
ul.portfolio-details-pagelink::after { clear: both; content: ""; display: table; }
ul.portfolio-details-pagelink { zoom: 1; }

ul.portfolio-details-pagelink li {
	display: block; padding: 0; margin: 0;
}
ul.portfolio-details-pagelink .portfolio-details-pagelink__prev { float: left; }
ul.portfolio-details-pagelink .portfolio-details-pagelink__next { float: right; }
ul.portfolio-details-pagelink a {
	display: block; padding: 0 1.0em; margin: 0;
	background-color: #fff; border-radius: 4px;
	color: rgba(18,46,90,1.00); text-align: center;
	width: 200px;
	height: 40px;
	line-height: 40px;
	border: solid 1px rgba(18,46,90,1.00);
}

ul.portfolio-details-pagelink a:hover {
	background-color: rgba(18,46,90,1.00);
	color: #fff;
}


ul.portfolio-details-pagelink .portfolio-details-pagelink__prev a::before,
ul.portfolio-details-pagelink .portfolio-details-pagelink__next a::after {
	display: inline-block;
	padding: 0;
	font-family: FontAwesome;
	font-weight: normal;
}
ul.portfolio-details-pagelink .portfolio-details-pagelink__prev a::before {
	margin: 0 0.5em 0 0;
	content: "\f104";
}
ul.portfolio-details-pagelink .portfolio-details-pagelink__next a::after {
	margin: 0 0 0 0.5em;
	content: "\f105";
}





.portfolio-detail-data {}

@media print, screen and (min-width: 768px) {
  .dl-table-responsive.portfolio-detail-data { margin: 0!important;}
  
  .portfolio-detail-data > dl {
    font-size: 1.4rem; line-height: 1.4;
  }
  .portfolio-detail-data > dl > dt {
    min-width: 8em; white-space: nowrap;
  }
  .is_en .portfolio-detail-data > dl > dt {
    min-width: 10em; white-space: normal;
  }
  .portfolio-detail-data > dl > dt,
  .portfolio-detail-data > dl > dd {
    padding: 0.85em 0.85em;
  }
  .is_en .portfolio-detail-data > dl > dt,
  .is_en .portfolio-detail-data > dl > dd {
    padding: 0.45em 0.75em;
  }
  .portfolio-detail-data > dl:nth-child(2) > dd {
    height: 64px;
  }
  .is_en .portfolio-detail-data > dl:nth-child(2) > dd {
    height: 56px;
  }
  .portfolio-detail-data > dl:nth-child(5) > dd {
    height: 64px;
  }
  .is_en .portfolio-detail-data > dl:nth-child(5) > dd {
    height: 94px;
  }
  .dl-table--standard.portfolio-detail-data .dl-table-responsive > dl > dt,
  .dl-table--standard.portfolio-detail-data .dl-table-responsive > dl > dd{
    padding: 0.85em 0.85em;
  }

  .is_en .dl-table--standard.portfolio-detail-data .dl-table-responsive > dl > dt,
  .is_en .dl-table--standard.portfolio-detail-data .dl-table-responsive > dl > dd{
    padding: 0.45em 0.75em;
  }
  .portfolio-detail-data > dl > dd.dl-table--standard__in {
    padding: 0;
  }
  .portfolio-detail-data > dl > dd:empty::before {
    content: "－";
  }
  .unit-square-meter::after {
    content: "m²";
    margin-left: 0.5em;
  }
  .unit-square-meter:empty::after{
    content: none;
  }
}

@media all and (-ms-high-contrast:none) {
  .portfolio-detail-data > dl:nth-child(2) > dd,
  .portfolio-detail-data > dl:nth-child(5) > dd {
    height: 60px;
  }
  .portfolio-detail-data > dl > dt,
  .portfolio-detail-data > dl > dd,
  .dl-table--standard.portfolio-detail-data .dl-table-responsive > dl > dt,
  .dl-table--standard.portfolio-detail-data .dl-table-responsive > dl > dd{
    padding: 0.8em 0.85em;
  }
  .is_en .portfolio-detail-data > dl > dt,
  .is_en .portfolio-detail-data > dl > dd,
  .is_en .dl-table--standard.portfolio-detail-data .dl-table-responsive > dl > dt,
  .is_en .dl-table--standard.portfolio-detail-data .dl-table-responsive > dl > dd{
    padding: 0.4em 0.75em;
  }
  .is_en .portfolio-detail-data > dl:nth-child(2) > dd {
    height: 56px;
  }
  .is_en .portfolio-detail-data > dl:nth-child(5) > dd {
    height: 94px;
  }
  .portfolio-detail-data > dl > dd.dl-table--standard__in {
    padding: 0;
  }
}


.portfolio-map-tab {
	margin: 0; padding: 0;
}
.portfolio-map-tab > li > a > span { display: block; width: 100%; }
.portfolio-map-tab > li > a > span {
	padding: 0.50em 0.2em;
  line-height: 1.4;
  font-size: 1.3rem
}

@media print, screen and (min-width: 768px) {
  .portfolio-map-tab > li > a > span {
	  font-size: 1.0em;
    line-height: 1.8;
  }
}


.portfolio-maps {
	display: block; padding: 0; margin: 0;
}

.portfolio-map {
	display: block; padding: 0; margin: 0;
	position: relative;
	width: 100%; height: 460px;
	
}

.portfolio-map-wrapper { display: block; padding: 0 30px; }

@media print, screen and (min-width: 768px) {
  .portfolio-map-wrapper { padding: 0; }
	.portfolio-map { height: 780px; }
}
.portfolio-map img {
	width: auto; 
	/*height: auto;*/ max-width: none; max-height: none;
}

.over-map {
	display: block; padding: 0; margin: 0;
	position: relative;
	width: 100%; height: 460px;
	background-color: #f4f8fa;
}

.bace-map-image,
.over-map-image {
	display: block; padding: 0; margin: auto;
	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
	width: 100%; height: 100%;
	transition: all 0.5s;
}

.bace-map-image { opacity: 1.0; }
.bace-map-image.over { opacity: 0.0; }
.over-map-image { opacity: 0; }
.over-map-image.over { opacity: 1.0; }
.portfolio-map-menu {
	display: block; padding: 0; margin: auto;
	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
	width: 100%; height: 100%;
}

ul.portfolio-map-menu__list {
	display: block; padding: 10px; margin: 0;
	width: 240px; position: absolute;
}
ul.portfolio-map-menu__list-1 {
	top: 0; left: 0;
}
ul.portfolio-map-menu__list-2 {
	bottom: 0; right: 0;
}
.portfolio-map-menu__list li {
	display: block; padding: 5px; margin: 0;
}
.contents-style .portfolio-map-menu__list a {
	display: block; padding: 0; margin: 0;
	background-color: #a72b2a; color: #fff;
	text-align: center;
}
.contents-style .portfolio-map-menu__list a:hover {
	background-color: rgba(167, 43, 42, 0.80);
}


.portfolio-map-menu__list span {
	display: block; padding: 0.5em; margin: 0;
}

.map-area-image {
	display: block; padding: 0; margin: 0;
	position: relative; z-index: 0;
	background-color: #f4f8fa;
}
.map-area-image img { padding: 0; margin: 0; vertical-align: bottom; }

.map-plot {
	display: block; padding: 0; margin: 0;
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 5;
}

.map-plot__cell {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
}

a.map-plot__marker {
	display: block; width: 24px; height: 32px;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute; top: -32px; left: -12px;
	background-image: url(../img/map-pin/mappin--office.png),
	                  url(../img/map-pin/mappin--office_ov.png),
	                  url(../img/map-pin/mappin--retail.png),
	                  url(../img/map-pin/mappin--retail_ov.png),
	                  url(../img/map-pin/mappin--residence.png),
	                  url(../img/map-pin/mappin--residence_ov.png),
	                  url(../img/map-pin/mappin--hotel.png),
	                  url(../img/map-pin/mappin--hotel_ov.png),
	                  url(../img/map-pin/mappin--land.png),
	                  url(../img/map-pin/mappin--land_ov.png),
	                  url(../img/map-pin/mappin--other.png),
	                  url(../img/map-pin/mappin--other_ov.png);
}

.map-plot__cell--office a.map-plot__marker { background-image: url(../img/map-pin/mappin--office.png); }
.map-plot__cell--office a.map-plot__marker:hover { background-image: url(../img/map-pin/mappin--office_ov.png); }

.map-plot__cell--retail a.map-plot__marker { background-image: url(../img/map-pin/mappin--retail.png); }
.map-plot__cell--retail a.map-plot__marker:hover { background-image: url(../img/map-pin/mappin--retail_ov.png); }

.map-plot__cell--residence a.map-plot__marker { background-image: url(../img/map-pin/mappin--residence.png); }
.map-plot__cell--residence a.map-plot__marker:hover { background-image: url(../img/map-pin/mappin--residence_ov.png); }

.map-plot__cell--hotel a.map-plot__marker { background-image: url(../img/map-pin/mappin--hotel.png); }
.map-plot__cell--hotel a.map-plot__marker:hover { background-image: url(../img/map-pin/mappin--hotel_ov.png); }

.map-plot__cell--land a.map-plot__marker { background-image: url(../img/map-pin/mappin--land.png); }
.map-plot__cell--land a.map-plot__marker:hover { background-image: url(../img/map-pin/mappin--land_ov.png); }

.map-plot__cell--other a.map-plot__marker { background-image: url(../img/map-pin/mappin--other.png); }
.map-plot__cell--other a.map-plot__marker:hover { background-image: url(../img/map-pin/mappin--other_ov.png); }


.map-plot__infowindow {
	display: block; padding: 0; margin: 0;
	position: absolute; bottom: -30px; right: 16px;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	min-width: 165px;
	transition: all 0.5s;
	opacity: 0;
	z-index: 20;
	pointer-events: none;
}
.hover .map-plot__infowindow {
	opacity: 1.0;
}
.map-plot__infowindow-photo {
	display: block; padding: 0; margin: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-color: #f1f1f1;
	width: 100%; height: 100px;
}
.map-plot__infowindow-tag {
	display: block; padding: 5px; margin: 0;
	text-align: center;
	font-size: 0.750em;
}
.map-plot__infowindow-tag em {
	display: inline-block; padding: 0.25em 1.0em; margin: 0;
	font-style: normal; color: #fff;
	font-family: 'Source Serif Pro', serif;
	font-weight: 400;
}
.map-plot__cell--office .map-plot__infowindow-tag em { background-color: #508fc8; }
.map-plot__cell--retail .map-plot__infowindow-tag em { background-color: #50c899; }
.map-plot__cell--residence .map-plot__infowindow-tag em { background-color: #b0ce56; }
.map-plot__cell--hotel .map-plot__infowindow-tag em { background-color: #ce6666; }
.map-plot__cell--land .map-plot__infowindow-tag em { background-color: #c9a45b; }
.map-plot__cell--other .map-plot__infowindow-tag em { background-color: #707070; }
p.map-plot__infowindow-name {
	display: block; padding: 0 1.0em 1.0em 1.0em; margin: 0;
	text-align: center; font-size: 0.875em; line-height: 1.4;
}

/*
marker-list
----------------------------------------------------------- */
.marker-list {
  margin: 0; display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
}
.marker-list dl {
  margin: 0 1.0em 0.5em 0; display: flex;
  align-items: center;
}
.marker-list dt {
  width: 20px; margin: 0 0.5em 0 0;
}
.marker-list dd {
  width: auto;
}

@media print, screen and (min-width: 768px) {
  .marker-list  { font-size: 1.0em; }
}


.category-selector {
	display: flex; font-size: 1.4rem;
	margin: 0 -0.5em ; padding: 0 0; flex-wrap: wrap;
}
.category-selector__cell {
	display: flex; padding: 0 0.5em; margin-bottom: 10px;
}
.category-selector .input-ui__select { margin: 0 0.5em 0 0; }

@media print, screen and (min-width: 768px) {
  .category-selector { padding: 0; font-size: 1.6rem;}
  .category-selector__cell {
	  margin-bottom: 0;
  }
}



table.summary-table { font-size: 1.4rem; }
table.summary-table thead th,
table.summary-table thead td {
	padding: 0.5em 0.5em; white-space: nowrap;
  font-size: 1.4rem;
	vertical-align: top;
	box-shadow: -1px 0px 0px 0px #ddd inset;
}
.is_en table.summary-table thead th,
.is_en table.summary-table thead td { padding: 0.5em 0.5em; font-size: 1.3rem; }

table.summary-table thead th {
	border-bottom: none; text-align: center;
}
table.summary-table thead td {
	padding: 0 0.25em 0.25em;
	border-top: none; text-align: center;
}
.summary-table .sort-arrow {
	display: flex; justify-content: center;
	padding: 0; margin: 0;
}
.summary-table .sort-arrow li {
	display: block; padding: 0; margin: 0 0 0 0.25em;
}
.summary-table .sort-arrow__button button {
	display: block;
	background-color: rgba(0,0,0,0.00);
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
.summary-table .sort-arrow__button button {
	background-color: rgba(0,0,0,0.00); color: rgba(255,255,255,1.00);
	transition: all 0.5s;
	width: 14px; height: 14px; line-height: 14px;
	text-align: center;
}
.summary-table .sort-arrow__button button:hover {
	background-color: rgba(255,255,255, 0.20); color: rgba(255,255,255,1.00);
}
.summary-table .sort-arrow__button button::before {
	display: block; padding: 0; margin: 0 auto;
	font-family: FontAwesome;
}
.summary-table .sort-arrow__button.sort-arrow__button--up button::before { content: "\f0d8"; }
.summary-table .sort-arrow__button.sort-arrow__button--down button::before { content: "\f0d7"; }


table.summary-table tbody th,
table.summary-table tbody td {
	padding: 0.5em; white-space: nowrap;
  transition: all 0.5s;
}
table.summary-table tbody th span:empty,
table.summary-table tbody td span:empty {
  display: block!important;
  text-align: center;
  color: #666;
}
table.summary-table tbody th span:empty::before,
table.summary-table tbody td span:empty::before {
  content: "-";
}

.is_en table.summary-table tbody { font-size: 1.2rem; }

.summary-table tbody th.portfolio-type__id-number {
	font-family: 'Source Serif Pro', serif;
	font-weight: 400; color: #fff; white-space: nowrap; width: 1%;
}

.summary-table tbody th.portfolio-type__name,
.summary-table td.portfolio-type__name {
	text-align: left;
}
.summary-table tbody th.portfolio-type__area,
.summary-table tbody td.portfolio-type__area {
	text-align: center; white-space: nowrap;
}
.summary-table tbody th.portfolio-type__add,
.summary-table tbody td.portfolio-type__add {
	text-align: left;
}
.summary-table tbody th.portfolio-type__date,
.summary-table tbody td.portfolio-type__date {
	text-align: center; white-space: nowrap; width: 1%;
}
.summary-table tbody th.portfolio-type__number,
.summary-table tbody td.portfolio-type__number {
	text-align: right; white-space: nowrap; width: 1%;
}

.summary-table td.portfolio-type__number { text-align: right; width: 8%; }
.summary-table--data td.portfolio-type__number { width: 10%; }

.is_en .summary-table th.portfolio-type__id-number,
.is_en .summary-table td.portfolio-type__id-number { min-width: 60px; }
.is_en .summary-table th.portfolio-type__name,
.is_en .summary-table td.portfolio-type__name { min-width: 280px; }
.is_en .summary-table th.portfolio-type__area,
.is_en .summary-table td.portfolio-type__area { min-width: 160px; }
.is_en .summary-table th.portfolio-type__add,
.is_en .summary-table td.portfolio-type__add { min-width: 160px; }
.is_en .summary-table th.portfolio-type__number,
.is_en .summary-table td.portfolio-type__number { min-width: 80px; }
.is_en .summary-table th.portfolio-type__date,
.is_en .summary-table td.portfolio-type__date { min-width: 90px; }

.is_en .summary-table thead th.portfolio-type__id-number,
.is_en .summary-table thead th.portfolio-type__name,
.is_en .summary-table thead th.portfolio-type__area,
.is_en .summary-table thead th.portfolio-type__add,
.is_en .summary-table thead th.portfolio-type__number,
.is_en .summary-table thead th.portfolio-type__date { text-align: center; }


.summary-table .portfolio-type--office th.portfolio-type__id-number,
.summary-table .portfolio-type--1 th.portfolio-type__id-number,
.summary-table .portfolio-type--Of th.portfolio-type__id-number { background-color: rgba(57,118,164,1.00); }
.summary-table .portfolio-type--office th.portfolio-type__name,
.summary-table .portfolio-type--1 th.portfolio-type__name,
.summary-table .portfolio-type--Of th.portfolio-type__name { background-color: rgba(57,118,164,0.10); }

table.summary-table tbody .portfolio-type--office:hover th,
table.summary-table tbody .portfolio-type--1:hover th,
table.summary-table tbody .portfolio-type--Of:hover th {
  background-color: rgba(57,118,164,0.60);
}
table.summary-table tbody .portfolio-type--office:hover td,
table.summary-table tbody .portfolio-type--1:hover td,
table.summary-table tbody .portfolio-type--Of:hover td {
  background-color: rgba(57,118,164,0.10);
}


.summary-table .portfolio-type--residence th.portfolio-type__id-number,
.summary-table .portfolio-type--2 th.portfolio-type__id-number,
.summary-table .portfolio-type--Re th.portfolio-type__id-number { background-color: rgba(102,128,86,1.00); }
.summary-table .portfolio-type--residence th.portfolio-type__name,
.summary-table .portfolio-type--2 th.portfolio-type__name,
.summary-table .portfolio-type--Re th.portfolio-type__name { background-color: rgba(102,128,86,0.10); }

table.summary-table tbody .portfolio-type--residence:hover th,
table.summary-table tbody .portfolio-type--2:hover th,
table.summary-table tbody .portfolio-type--Re:hover th {
  background-color: rgba(102,128,86,0.860);
}
table.summary-table tbody .portfolio-type--residence:hover td,
table.summary-table tbody .portfolio-type--2:hover td,
table.summary-table tbody .portfolio-type--Re:hover td {
  background-color: rgba(102,128,86,0.10);
}


.summary-table .portfolio-type--hotel th.portfolio-type__id-number,
.summary-table .portfolio-type--3 th.portfolio-type__id-number,
.summary-table .portfolio-type--Ho th.portfolio-type__id-number { background-color: rgba(120,109,64,1.00); }
.summary-table .portfolio-type--hotel th.portfolio-type__name,
.summary-table .portfolio-type--3 th.portfolio-type__name,
.summary-table .portfolio-type--Ho th.portfolio-type__name { background-color: rgba(120,109,64,0.10); }

table.summary-table .portfolio-type--hotel:hover th,
table.summary-table .portfolio-type--3:hover th,
table.summary-table .portfolio-type--Ho:hover th {
  background-color: rgba(120,109,64,0.60);
}
table.summary-table tbody .portfolio-type--hotel:hover td,
table.summary-table tbody .portfolio-type--3:hover td,
table.summary-table tbody .portfolio-type--Ho:hover td {
  background-color: rgba(120,109,64,0.10);
}


table.summary-table tfoot th,
table.summary-table tfoot td {
	padding: 0.5em; white-space: nowrap;
  font-size: 1.4rem;
}

.is_en table.summary-table tfoot th,
.is_en table.summary-table tfoot td {
  font-size: 1.2rem;
}

.summary-table tfoot td { text-align: right; }


.summary-table .portfolio-type__file {
	text-align: center; width: 1%; white-space: nowrap;
}
@media screen and (min-width: 1024px) {
	.summary-table-wrapper .js-scroll-table__caution {
		display: block;
	}
}





.rate-table {
	text-align: center;

}
.rate-table tbody td {
	text-align: left;
}

table.rate-table { }
.is_en table.rate-table tbody { font-size: 1.4rem; }

table.rate-table thead th,
table.rate-table thead td{ padding: 1.0em !important; }

@media print, screen and (min-width: 768px) {
  table.rate-table { table-layout: fixed; }
  
}

.portfolio-list-head {
  display: flex; flex-direction: column;
}
.portfolio-list-head__cell {
  display: block; padding: 0; margin: 0;
}

@media print, screen and (min-width: 768px) {
  .portfolio-list-head { flex-direction: row-reverse; justify-content: space-between; }
  
}



/*

detail

*/

.pagenation-portfolio-detail--head,
.pagenation-portfolio-detail--foot {
	display: flex; padding: 0; margin: 0 -0.25em;
	text-align: center; flex-direction: row-reverse;
}
.contents-style ul.pagenation-portfolio-detail--head { margin: 0 -0.25em 4.0em -0.25em; }
.contents-style ul.pagenation-portfolio-detail--foot { margin: 2.0em -0.25em 0 -0.25em; }

.contents-style ul li.pagenation-portfolio-detail__next,
.contents-style ul li.pagenation-portfolio-detail__top,
.contents-style ul li.pagenation-portfolio-detail__prev { display: block; padding: 0 0.25em; margin: 0; width:  33.3333%; }


.pagenation-portfolio-detail--head a,
.pagenation-portfolio-detail--foot a {
	display: block; padding: 0.5em;
	border-radius: 6px;
	border: solid 1px rgba(18,30,51,1.00);
	color: rgba(18,30,51,1.00);
}
.pagenation-portfolio-detail--head a::before,
.pagenation-portfolio-detail--foot a::before,
.pagenation-portfolio-detail--head a::after,
.pagenation-portfolio-detail--foot a::after { display: inline; }

.pagenation-portfolio-detail--head a:hover,
.pagenation-portfolio-detail--foot a:hover {
	background-color: rgba(18,30,51,1.00);
	color: #fff;
}

@media print, screen and (min-width: 768px) {
	.contents-style ul li.pagenation-portfolio-detail__next a::after,
	.contents-style ul li.pagenation-portfolio-detail__prev a::after { content: "の物件へ"; }
	.contents-style ul li.pagenation-portfolio-detail__top a::before { content: "ポートフォリオ"; }
	.contents-style ul li.pagenation-portfolio-detail__top a::after { content: "へ"; }
}

@media print, screen and (min-width: 768px) {
	.is_en .contents-style ul li.pagenation-portfolio-detail__next a::after,
	.is_en .contents-style ul li.pagenation-portfolio-detail__prev a::after { content: " property"; }
	.is_en .contents-style ul li.pagenation-portfolio-detail__top a::before { content: ""; }
	.is_en .contents-style ul li.pagenation-portfolio-detail__top a::after { content: ""; }
}



.global-contents-header__sticker {
	display: block; padding: 5px 0; margin: 0 0.5em 0 0;
	font-family: 'Source Serif Pro', serif; font-style: normal;
	font-weight: 400; font-size: 0.60em;
	background-color: #000; color: #fff!important; text-align: center;
	width: 80px; line-height: 30px; 
}
.global-contents-header__sticker.portfolio-type--office,
.global-contents-header__sticker.portfolio-type--1 { background-color: #3976a4; }
.global-contents-header__sticker.portfolio-type--residence,
.global-contents-header__sticker.portfolio-type--2 { background-color: #668056; }
.global-contents-header__sticker.portfolio-type--hotel,
.global-contents-header__sticker.portfolio-type--3 { background-color: #786D40; }


@media print, screen and (min-width: 768px) {}


.portfolio-detail-column {
  display: flex; flex-direction: column;
  margin-left: 0;
  margin-right: 0;
}
.portfolio-detail-column__cell {
  display: block; padding: 10px 0;
  width: 100%;
}

@media print, screen and (min-width: 768px) {
    .portfolio-detail-column {
      flex-direction: row;
      margin-left: -15px;
      margin-right: -15px;
    }
    .portfolio-detail-column__cell {
      padding: 0 15px;
      width: 50%;
    }
}

.slider-wrap {
  display: block; padding: 0; margin: 0; width: 100%;
}

.slider-for,
.slider-for__cell,
.slider-nav,
.slider-nav__cell {
	display: block; padding: 0; margin: 0;
	position: relative; vertical-align: bottom;
}
.slider-nav {
	display: block; padding: 20px 0; margin: 0;
}

.slider-nav__cell { }
.slider-for,
.slider-for__cell { width: 100%;  height: 360px; }

.slider-nav .slick-track { margin: 0; }

.slider-nav .slider-nav__cell{
	padding: 0 5px;
}

.slider-for__photo,
a.slider-nav__photo {
	display: block; padding: 0; margin: auto;
	width: 100%; height: 100%;
	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 0;
}
.slider-for__photo { }
a.slider-nav__photo {
	background-size: cover; width: 80px!important; height: 80px!important; margin: 0 auto;
  position: static;
}

@media print, screen and (min-width: 768px) {
	.slider-for,
	.slider-for__cell { width: 100%; height: 465px; }
  
  a.slider-nav__photo { width: 94px!important; height: 94px!important;}
}

@media print, screen and (min-width: 1025px) {
	.slider-nav {
		display: block; padding: 20px 6.5vw; margin: 0;
	}
}

.slider-nav .slick-arrow {
	display: block;
	overflow: hidden; text-indent: -9999px;
	margin: -30px 0 0 0;
	padding: 0;
	background-color: #fff;
	border: none;
	border-radius: 0;
	outline: none;
	font-size: 1em; line-height: 120px;
	font-family: inherit;
	font-weight: inherit;
	position: absolute; top: 50%;
	width: 40px; height: 60px;
	z-index: 900;
	background-color: rgba(35,43,79,1.00);
}
.slider-nav .slick-arrow::before {
	display: block;
	overflow: hidden; text-indent: 0;
	margin: auto; padding: 0; font-size: 2.0em; line-height: 40px;
	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
	width: 40px; height: 40px;
	font-family: FontAwesome; color: #fff;
	font-weight: normal;
}

.slider-nav .slick-prev.slick-arrow { left: 0; border-radius: 0 4px 4px 0; }
.slider-nav .slick-prev.slick-arrow::before { content: "\f104"; }
.slider-nav .slick-next.slick-arrow { right: 0; border-radius: 4px 0 0 4px; }
.slider-nav .slick-next.slick-arrow::before { content: "\f105"; }






.portfolio-detail-map { height: 300px; }

@media print, screen and (min-width: 768px) {
	.portfolio-detail-map { height: 500px; }
}




.portfolio-data-column {
  display: flex; flex-direction: column;
  margin-left: 0;
  margin-right: 0;
}
.portfolio-data-column__cell {
  display: block; padding: 10px 0;
  width: 100%;
}
.portfolio-data-cell { display: block; width: 100%; }

@media print, screen and (min-width: 768px) {
    .portfolio-data-column {
      flex-direction: row;
      margin-left: -15px;
      margin-right: -15px;
    }
    .portfolio-data-column__cell {
      padding: 0 15px;
      width: 50%;
    }
}