/* 設定上書き */

.s-portfolio__filter-v1-item,
.cbp-filter-item-active,
.cbp-item,
.cbp-l-filters-list .cbp-filter-item,
.cbp-l-filters-work .cbp-filter-item,
.cbp-pagination-item,
.cbp-filter-item {
	margin: 0;
}

/* 改行カラム落ち防止 */
.s-portfolio,
.s-portfolio__filter-v1{
	font-size: 0;
	text-align: left;
}

.s-portfolio__filter-v1-item{
	text-align: center;
}


.cbp-l-filters-alignLeft .cbp-filter-item {
	background-color: #fff;
	border: 1px solid #cdcdcd;
	cursor: pointer;
	font: 400 12px/30px "Open Sans", sans-serif;
	padding: 0 13px;
	position: relative;
	overflow: visible;
	margin: 0;
	display: inline-block;
	color: #888888;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}


#svg-map {
  width: 100%;
  height: 100%;
}

/* 左カラム表示 */

.search-port {
	width: 65%;
	float: left;
}

/* 右カラム検索 */

.search-area {
	width: 32%;
	float: right;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding-bottom: 15px;
}

.search-map {
	margin-right: 5px;
}

.s-portfolio {
	margin-top: 10px;
	font-size:0;
}

/* 検索表示部分 */

.s-portfolio__filter-v1-item {
	width: 33.33333%;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0;
}

.s-portfolio__filter-v1-item.big {
	width: 100%;
	padding-top: 5px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 5px;
}

/* ★全県 */
.s-portfolio__filter-v1-item.zen {
	background-color: #FF432E;
	color: #fff;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	vertical-align: bottom;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

/* マウス合わせ時 */
.s-portfolio__filter-v1-item.zen:hover
{
	color: #fff;
	opacity: 0.6;
	font-weight: bold;
}

/* 選ばれてる時 */
.s-portfolio__filter-v1-item.zen.cbp-filter-item-active
{
	color: #fff;
	font-weight: bold;
	background-color: #C4392A;
}

/* ★北海道 */
.s-portfolio__filter-v1-item.hokkaido {
	background-color: #00abeb;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	vertical-align: bottom;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

.s-portfolio__filter-v1-item.hokkaido2 {
	background-color: #8fd3f5;
	color: #000000;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 0;
	vertical-align: bottom;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

/* マウス合わせ時 */
.s-portfolio__filter-v1-item.hokkaido:hover,
.s-portfolio__filter-v1-item.hokkaido2:hover
{
	color: #fff;
	opacity: 0.6;
	font-weight: bold;
}

/* 選ばれてる時 */
.s-portfolio__filter-v1-item.hokkaido.cbp-filter-item-active,
.s-portfolio__filter-v1-item.hokkaido2.cbp-filter-item-active
{
	color: #fff;
	font-weight: bold;
	background-color: #1D8DB7;
}

/* 関東 */
.s-portfolio__filter-v1-item.kanto {
	background-color: #00a384;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	vertical-align: bottom;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

.s-portfolio__filter-v1-item.kanto2 {
	background-color: #85cbbf;
	color: #000000;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 0;
	vertical-align: bottom;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

/* マウス合わせ時 */
.s-portfolio__filter-v1-item.kanto:hover,
.s-portfolio__filter-v1-item.kanto2:hover
{
	color: #fff;
	opacity: 0.6;
	font-weight: bold;
}

/* 選ばれてる時 */
.s-portfolio__filter-v1-item.kanto.cbp-filter-item-active,
.s-portfolio__filter-v1-item.kanto2.cbp-filter-item-active
{
	color: #fff;
	font-weight: bold;
	background-color: #0C7A65;
}

/* 中部 */
.s-portfolio__filter-v1-item.chubu {
	background-color: #6cbb5a;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	vertical-align: bottom;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

.s-portfolio__filter-v1-item.chubu2 {
	background-color: #c0dd98;
	color: #000000;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 0;
	vertical-align: bottom;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

/* マウス合わせ時 */
.s-portfolio__filter-v1-item.chubu:hover,
.s-portfolio__filter-v1-item.chubu2:hover
{
	color: #fff;
	opacity: 0.6;
	font-weight: bold;
}

/* 選ばれてる時 */
.s-portfolio__filter-v1-item.chubu.cbp-filter-item-active,
.s-portfolio__filter-v1-item.chubu2.cbp-filter-item-active
{
	color: #fff;
	font-weight: bold;
	background-color: #558C48;
}

/* 関西 */
.s-portfolio__filter-v1-item.kansai {
	background-color: #f6ad3c;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	vertical-align: bottom;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

.s-portfolio__filter-v1-item.kansai2 {
	background-color: #fedf8f;
	color: #000000;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 0;
	vertical-align: bottom;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

/* マウス合わせ時 */
.s-portfolio__filter-v1-item.kansai:hover,
.s-portfolio__filter-v1-item.kansai2:hover
{
	color: #fff;
	opacity: 0.6;
	font-weight: bold;
}

/* 選ばれてる時 */
.s-portfolio__filter-v1-item.kansai.cbp-filter-item-active,
.s-portfolio__filter-v1-item.kansai2.cbp-filter-item-active
{
	color: #fff;
	font-weight: bold;
	background-color: #C38C38;
}

/* 中国 */
.s-portfolio__filter-v1-item.chugoku {
	background-color: #a28b6a;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	vertical-align: bottom;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

.s-portfolio__filter-v1-item.chugoku2 {
	background-color: #e3d3aa;
	color: #000000;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 0;
	vertical-align: bottom;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

/* マウス合わせ時 */
.s-portfolio__filter-v1-item.chugoku:hover,
.s-portfolio__filter-v1-item.chugoku2:hover
{
	color: #fff;
	opacity: 0.6;
	font-weight: bold;
}

/* 選ばれてる時 */
.s-portfolio__filter-v1-item.chugoku.cbp-filter-item-active,
.s-portfolio__filter-v1-item.chugoku2.cbp-filter-item-active
{
	color: #fff;
	font-weight: bold;
	background-color: #8C7656;
}


/* 九州 */
.s-portfolio__filter-v1-item.kyusyu {
	background-color: #ec6d65;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	vertical-align: bottom;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

.s-portfolio__filter-v1-item.kyusyu2 {
	background-color: #f5b1aa;
	color: #000000;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 0;
	vertical-align: bottom;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
}

/* マウス合わせ時 */
.s-portfolio__filter-v1-item.kyusyu:hover,
.s-portfolio__filter-v1-item.kyusyu2:hover
{
	color: #fff;
	opacity: 0.6;
	font-weight: bold;
}

/* 選ばれてる時 */
.s-portfolio__filter-v1-item.kyusyu.cbp-filter-item-active,
.s-portfolio__filter-v1-item.kyusyu2.cbp-filter-item-active
{
	color: #fff;
	font-weight: bold;
	background-color: #B4554F;
}






/*----------------------------------
  Cubeportfolio
------------------------------------*/
/*
.s-portfolio__filter-v1-item {
  font-size: 0.8125rem;
  color: #656565 !important;
  text-transform: uppercase;
  margin-bottom: 0 !important;
}
*/

.s-portfolio__filter-v1.cbp-l-filters-text {
  margin-bottom: 0;
}













/* タブレットサイズから下 */
@media screen and (max-width:992px) {
	
.search-area {
	width: 100%;
	float: none;
	margin-bottom: 20px;
}
	
.search-port {
	width: 100%;
	float: none;
}	
	
}