/* Extra small devices: Phones (<768px) */
@media (max-width: 767px) {}
 
/* Small devices: Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 991px) {}
 
/* Medium devices: Desktops (≥992px) */
@media (min-width: 992px) and (max-width: 1199px) {}
 
/* Large devices: Desktops (≥1200px) */
@media (min-width: 1200px) {}





body {
	padding-top: 50px;
	padding-bottom: 50px;
	/*font-family: 'Muli', sans-serif;*/
	/*font-family: 'Lato', sans-serif;*/
	/*font-family: 'Raleway', sans-serif;*/
	/*font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , "ＭＳ Ｐゴシック", "MS PGothic", Osaka , sans-serif;*/
	/*font-family: 'Raleway',"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;

}
@media (max-width: 767px) {
	.container {
		width: auto;
	}
	body {
		padding-bottom: 0px;
	}
}

a{
	text-decoration: none;
}

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

/**************************************/
/* ヘッダー                           */
/**************************************/
.navbar-default {
	background-color: #ffffff;
	border: none;
}
.navbar-default .navbar-brand {
	color: #777;
}
.navbar-header h1,p{
	margin: 0;
}

.navbar-brand {
	/*padding: auto 15px;*/
	padding: 0 15px;
	font-size: 16px;
	line-height: 20px;
	font-weight:bold;
}

/**************************************/
/* メニューバー                       */
/**************************************/
nav ul li ul.sub-menu {
	display: none;
	position: absolute;
	top: 35px;
	left: 0;
	width: 150px;
	list-style: none;
	background-color: #696969;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
nav ul li:hover ul.sub-menu {
	display: block;
}
nav ul li:hover ul.sub-menu li{
	text-align: center;
	padding: 2px 0;
}
nav ul li:hover ul.sub-menu li a{
	color:#ffffff;
	text-decoration: none;

}
/**************************************/
/* パンくずリスト                     */
/**************************************/
.breadcrumb{
	background-color: #ffffff;
}
.breadcrumb > li + li:before {
	content: "\f101";
	font-family: FontAwesome;
}

/************************************
** レイアウト
************************************/
#col1-main{
	width: 100%;
}
#col2-main,
#col2r-main{
	width: 70%;
}
#col2-side,
#col2r-side{
	width: 28%;
}

#col2-main,
#col2r-side{
	float: left;
}
#col2r-main,
#col2-side{
	float: right;
}

@media only screen and ( max-width: 992px ) {
	#col2-main,
	#col2-side{
		clear: both;
		width: 100%;
	}
}

@media only screen and ( max-width: 767px ) {
/*
	.container {
		padding-right: 0;
		padding-left: 0;
	}
*/
}
/************************************
** サイドバー
************************************/
#sidebar{
	width: 100%;
	word-break:break-all;
}
#sidebar h3{
	color: #696969;
}
#sidebar ul{
	list-style-type: none;
	padding:10px 5px;
}
#sidebar ul li{
	color: #696969;
	padding:3px 0;
}
#sidebar ul li:before{
	content: "\f152　";
	font-family: FontAwesome;
	font-size:14px;
}
#sidebar ul li ul{
	list-style-type: none;
	padding-left:20px;
}
#sidebar ul li ul li{
	color: #696969;
	padding:2px 0;
}
#sidebar ul li ul li:before{
	content: "\f054　";
	font-family: FontAwesome;
	font-size:10px;
}

/************************************
** フッター
************************************/
#footer{
	width: 100%;
	word-break:break-all;
}
#footer h3{
	color: #696969;
}
#footer ul{
	list-style-type: none;
	padding:10px 5px;
}
#footer ul li{
	color: #696969;
	padding:3px 0;
}
#footer ul li:before{
	content: "\f152　";
	font-family: FontAwesome;
	font-size:14px;
}
#footer ul li ul{
	list-style-type: none;
	padding-left:20px;
}
#footer ul li ul li{
	color: #696969;
	padding:2px 0;
}
#footer ul li ul li:before{
	content: "\f054　";
	font-family: FontAwesome;
	font-size:10px;
}




/************************************
** メインコンテンツ
************************************/
.post-header {
	border: 0px solid #ddd;
}
.post-header h1{
	font-size:2.5em;
	font-weight:bold;
}
.post-contents {
	border: 0px solid #ddd;
}
.post-footer {
	border: 0px solid #ddd;
}

.sp-title{
	padding: 10px;
	border: 0px solid #ddd;
	font-size:1.2em;
	font-weight:bold;
	background: #f0f0f0;
	color:#696969;

}

/**************************************/
/* 共通                               */
/**************************************/
.word-break{
	word-break:break-all;
}

.border-none{
	border: none!important;
}

.fl-r{ float: right; }/*右に回り込み*/
.fl-l{ float: left; }/*左に回り込み*/
.fl-c{ clear: both; }

/*左に画像、右に文章*/
.fl-left{
	float: left;
	margin: 0 30px 20px 0!important;
}
/*右に画像、左に画像*/
.fl-right{
	float: right;
	margin: 0 0 20px 30px!important;
}

.tab-content{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	
}

.left-box{
	float: left;
	width:40%;
	overflow:hidden;
	height:auto;
	text-align:center;
}
.right-box{
	float: right;
	width:60%;
}
@media only screen and ( max-width: 768px ) {
	.left-box{
		clear: both;
		width:100%;
	height:auto;
	margin: 0;
	}
	.right-box{
		clear: both;
		width:100%;
	}

}

/*** レスポンシブテーブルデザイン ***/
.table_responsive{
	width:100%;
	border: 2px solid #e6e6e6;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
 
.table_responsive th{
	padding: 6px 8px 5px;
	border-top: solid 1px #ffffff;
	width: 30%;
	overflow: hidden;
	color: #13131e;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color: #e6e6e6;
}
 
.table_responsive td{
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	color: #595960;
	background-color: #ffffff;
	border-top: dotted 1px #e0dccc;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
 
@media (max-width: 400px){
	.table_responsive th{
		width:100%;
		display:block;
		margin: 0 auto;
		border:none;
		border-radius: 3px;
	}
	.table_responsive td{
		display: list-item;
		width: 100%;
		border-top: none !important;
	}
}


/***** コンタクトフォーム *****/
.table-contactform7{
	overflow: hidden;
	table-layout: fixed;
}
 
.required-contactform7{
	padding: 5px;
	background: #DE8686;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}
 
.unrequired-contactform7{
	padding: 5px;
	background: #BDBDBD;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}
 
.table-contactform7 th{
	font-weight:bold;
}
 
.table-contactform7 input,
.table-contactform7 textarea{
	max-width: 90% !important;
	margin: 5px 10px 10px 5px;
}
 
.address-100 input{
	max-width: 90% !important;
	margin: 5px 10px 10px 5px;
}
 
.message-100 textarea{
	width: 100%;
	margin: 5px 10px 10px 5px;
}
 
@media screen and (min-width: 900px){
	.table-contactform7 th{
		width:28%;
	}
}
     
@media screen and (max-width: 900px){
	.table-contactform7{
		display:block;
	}
	.table-contactform7 tbody,
	.table-contactform7 tr{
		display: block;
		width: 100%;
	}
	.table-contactform7 th{
		width:100%;
		display:block;
		margin: 0 auto;
		border:none;
	}
	.table-contactform7 td{
		display: list-item;
		list-style-type:none;
		margin:0;
		padding:0;
		width: 100%;
		border-top: none !important;
	}
}


/**************************************/
/* タイトルボックス                   */
/**************************************/
.event-title-box-left{
	float: left;
	width:15%;
	overflow:hidden;
	height:auto;
	text-align:left;
}
.event-title-box-right{
	float: right;
	width:85%;
}
@media (max-width: 767px) {
	.event-title-box-left{
		width:20%;
	}
	.event-title-box-right{
		width:80%;
	}
}


/**************************************/
/* タグクラウド                       */
/**************************************/
.menubox{
	margin: 0!important;
	padding: 5px;
	width:auto;
	height:100px!important;
	background: #fddfea;
	border: solid 0px #000000!important;
	text-align: center;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
/*	
	line-height: 13px;
	font-size: 0.8em;
	font-weight: bold;
*/
	color: #fa2770;
}
/**************************************/
/* タグクラウド                       */
/**************************************/
.tagcloud {
	background-color: #ffffff;
}

.tagcloud a {
	display: inline-block;
	background: #7fd4fc;
	white-space: nowrap;
	color: #fff;
	line-height: 1.3;
	padding: 3px 8px;
	margin-bottom: 5px;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tagcloud a:hover {
	background: #fff;
	color: #ff5506;
}

/**************************************/
/* コンテンツ表示関連                 */
/**************************************/
.toppge-header-contents{
	margin:10px 0;
	padding:20px 30px;
	border: 0px solid #000000;
	word-break:break-all;
}
.toppge-header-contents h2{
	font-size:3.0em;
	line-height:1.2em;
	font-weight:bold;
	margin: 0;
}

.contents-list{
	margin: 0;
	margin-bottom: 10px;
	padding: 20px 20px;
	word-break:break-all;
}

.contents-list .date{
	font-size:0.8em;
	
}

/**************************************/
/* コンテンツ表示関連                 */
/**************************************/

.contents-list-listbox1 h2,
.contents-list-listbox2 h2,
.contents-list-cardbox2 h2,
.contents-list-cardbox3 h2{
	font-weight:bold;
	margin: 0;
}

/* 1カラムリスト */
.contents-list-listbox1{
	margin:10px 0;
	padding:20px 30px;
	border: solid 1px #dadada;
}
.contents-list-listbox1 h2{
	font-size:2.0em;
}
.contents-list-listbox1 img{
	width:100%;
	height:auto;
}
.contents-list-listbox1 .date{
	font-size:0.8em;
	
}
/* 2カラムリスト */
.contents-list-listbox2{
	margin:5px 0;
	padding:5px;
	border: solid 1px #dadada;
	height:180px;
}
.contents-list-listbox2 h2{
	font-size:1.5em;
}
.contents-list-listbox2 img{
	width:100%;
	height:auto;
}
.contents-list-listbox2 .date{
	font-size:0.8em;
	
}
/* 2カラムリスト（カード） */
.contents-list-cardbox2{
	margin:5px 0;
	padding:10px;
	height:430px;
	border: solid 1px #dadada;
}
.contents-list-cardbox2 h2{
	font-size:1.8em;
}
.contents-list-cardbox2 img{
		width:100%;
		height:auto;
}
/* 3カラムリスト（カード） */
.contents-list-cardbox3{
	margin:5px 0;
	padding:10px;
	height:350px;
	border: solid 1px #dadada;
}
.contents-list-cardbox3 h2{
	font-size:1.5em;
}
.contents-list-cardbox3 img{
	width:100%;
	height:auto;
}

@media (max-width: 767px) {
	.contents-list-listbox1 ,
	.contents-list-listbox2 ,
	.contents-list-cardbox2 ,
	.contents-list-cardbox3 {
	margin:5px 0;
	padding:5px;
		height:auto;
	}
	.contents-list-listbox1 h2,
	.contents-list-listbox2 h2,
	.contents-list-cardbox2 h2,
	.contents-list-cardbox3 h2{
		font-size:1.5em;
	}

}
@media (min-width: 768px) and (max-width: 991px) {
	.contents-list-listbox1 ,
	.contents-list-listbox2 ,
	.contents-list-cardbox2 ,
	.contents-list-cardbox3 {
	margin:5px 0;
	padding:5px;
		height:auto;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 1200px) {}


@media only screen and ( max-width: 767px ) {
	.toppge-header-contents{
		margin:0;
		margin-top:10px;
		padding:0;
	}
	.contents-list{
		margin: 0;
		padding: 5px 0;
	}

	.toppge-header-contents h2{
		font-size:2.0em;
		line-height:1.0em;
	}
	.contents-list h2{
		font-size:1.5em;
	}
}

@media only screen and ( max-width: 400px ) {
	.contents-list h2{
		margin-top:0;
		padding:0;
		font-size:1.2em;
	}
	.contents-list .date{
		font-size:0.8em;
	}
	.contents-list .img{
		width:120px;
	}
/*
	.contents-list ul li:first-child{
		float: left;
		width:48%;
		border: solid 1px #dadada;
	}
	.contents-list ul li:nth-child(2){
		width:48%;
		border: solid 1px #dadada;
	}
*/
}

/************************************
** ページネーション
************************************/
.category-contents-list{
	margin:0 auto;
	display: block;
	
}
.category-contents-list ul{
	list-style-type: none;
	width:100%;
	padding:0;
}
.category-contents-list ul li{
	margin:0;
	width:50%;
	float: left;
	padding:0;
}
.category-contents-list ul li:first-child{
	height:300px;
}
.category-contents-list ul li:first-child img{
	width:100%;
	height:auto;
}
.category-contents-list ul li h4{
	font-weight: bold;
}


/************************************
** ページネーション
************************************/
.pickup-contents-box{
	margin:0 auto;
	padding:10px;
	display: block;
}
.pickup-contents-box img{
	width:100%;
	height:auto;
}

/************************************
** ページネーション
************************************/

.pagination-left,
.pagination-right{
	width:50%;
	overflow:hidden;
	height:auto;
}
.pagination-left{
	float: left;
	text-align:left;
}
.pagination-right{
	float: right;
	text-align:right;
}
@media only screen and ( max-width: 768px ) {
	.pagination-left,
	.pagination-right{
		clear: both;
		width:100%;
		height:auto;
		margin: 0;
	}
	.pagination-left img,
	.pagination-right img{
/*
		width:50px;
		height:50px;
*/
	}
}


.pagination{
	list-style-type: none;
	padding-left: 0;
	margin: 30px 0;
}

.pagination,
.pagination li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.pagination a {
	font-weight: 300;
	padding-top: 1px;
	text-decoration:none;
	border: 1px solid #ddd;
	border-left-width: 0;
	min-width:36px;
	min-height:36px;
	color: #333;
}

.pagination li:not([class*="current"]) a:hover {
	background-color: #eee;
}

.pagination li:first-of-type a {
	border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
	display: inline-block;
	font-family: Fontawesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}

.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }

.pagination li.current a {
	background-color: #ddd;
	cursor: default;
	pointer-events: none;
}

.pagination > li:first-child > a {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}

@media only screen and ( max-width: 680px ) {
	.pagination li.first,
	.pagination li.last {
		/* screen readers only */
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.pagination li.previous a {
		border-left-width: 1px;
	}
}

@media only screen and ( max-width: 500px ) {
	.pagination li {
		/* screen readers only */
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.pagination li.current,
	.pagination li.first,
	.pagination li.last,
	.pagination li.previous,
	.pagination li.next{
		position: initial;
		top: initial;
		left: initial;
	}

	.pagination li.previous a { border-left-width: 0; }
}

@media only screen and ( max-width: 400px ) {
	.pagination li.first,
	.pagination li.last {
		/* screen readers only */
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

  .pagination li.previous a { border-left-width: 1px; }
}

@media only screen and ( max-width: 240px ) { /* For watches? */
	.pagination li { width: 50%;}

	.pagination li.current {
		order: 2;
		width: 100%;
		border-left-width: 1px;
	}
}




.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	margin-bottom: 20px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}











/**************************************/
/* カルーセルスライダー               */
/**************************************/
.top-carousel-caption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	padding: 0;
	color: #fff;
	background-color: #000000;
	word-break:break-all;
	opacity: 0.5;
	filter: alpha(opacity=0.5);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0.5)";  /* ie 8 */
}
.top-carousel-caption h2 {
	font-size: 20px;
	color: #ffffff;
	font-weight:bold;
	z-index: 11;
	margin: 20px 20px;
	text-align: left;
}


.carousel-caption {
	border: 2px solid #000000;
	left: 40%;
	right: 0;
}
.carousel-caption-center,
.carousel-caption-left,
.carousel-caption-right {
	position: absolute;
	right: 15%;
	bottom: 150px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
	border: 2px solid #000000;
}

.carousel-caption-right {
	left: 40%;
	right: 10px;
	bottom: 50px;
}
.carousel-caption-left {
	left: 0;
	right: 40%;
}
.carousel-caption-center {
	left: 20%;
	right: 20%;
	bottom: 50px;
}
.carousel-caption h2 {
	font-size: 50px;
	color: #000000;
	font-weight:bold;
}
.carousel-caption p {
	color: #000000;
	text-shadow: none;
	font-size:20px;
}
.container-fluid {
	background-color: #ffffff;
	padding: 0;
}
.button {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
	line-height: 50px;
}
.button:hover {
	background-color: rgba(255, 255, 255, .2);
}
#mainVisual {
	width:100%;
}
#mainVisual img {
	width:100%;
	max-width:100%;
	height:auto;
}
.mobileHidden {
	display:none;
}

@media screen and (min-width:480px) { 
	.desktopHidden {
		display:none;
	}
	.mobileHidden {
		display:inline;
	}
}

@media screen and (max-width:640px){
	.carousel-caption {
		left: 0;
		right: 0;
		display:none;
	}
}


/**************************************/
/* サムネイル付カルーセルスライダー   */
/**************************************/
#thumbnail-preview-indicators {
  position: relative;
  overflow: hidden;
}
#thumbnail-preview-indicators .slides .slide-1, 
#thumbnail-preview-indicators .slides .slide-2,
#thumbnail-preview-indicators .slides .slide-3 {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
    #thumbnail-preview-indicators,
    #thumbnail-preview-indicators .slides,
    #thumbnail-preview-indicators .slides .slide-1, 
    #thumbnail-preview-indicators .slides .slide-2,
    #thumbnail-preview-indicators .slides .slide-3 {
      height: 480px;
    }
#thumbnail-preview-indicators .slides .slide-1 {
  background-image: url(https://s3.amazonaws.com/ooomf-com-files/wdXqHcTwSTmLuKOGz92L_Landscape.jpg); 
}
#thumbnail-preview-indicators .slides .slide-2 {
  background-image: url(https://s3.amazonaws.com/ooomf-com-files/tU3ptNgGSP6U2fE67Gvy_SYDNEY-162.jpg);
}
#thumbnail-preview-indicators .slides .slide-3 {
  background-image: url(https://s3.amazonaws.com/ooomf-com-files/mtNrf7oxS4uSxTzMBWfQ_DSC_0043.jpg);
}
#thumbnail-preview-indicators .carousel-inner .item .carousel-caption {
  top: 20%;
  bottom: inherit;
}
#thumbnail-preview-indicators .carousel-indicators li,
#thumbnail-preview-indicators .carousel-indicators li.active {
  position: relative;
  width: 100px;
  height: 8px;  
}
#thumbnail-preview-indicators .carousel-indicators li > .thumbnail {
  position: absolute;
  top: 0;
  width: 100px;
  display: none;
  opacity: 0;
  left: 50%;
  margin-top: -80px;
  margin-left: -50px;
}
#thumbnail-preview-indicators .carousel-indicators li:hover > .thumbnail,
#thumbnail-preview-indicators .carousel-indicators li.active > .thumbnail {
  display: block;
  opacity: .8;
}
#thumbnail-preview-indicators .carousel-indicators li.active > .thumbnail:hover{
  opacity: 1;
}
@media screen and (max-width : 480px) {    
    #thumbnail-preview-indicators .carousel-indicators li,
    #thumbnail-preview-indicators .carousel-indicators li.active {
      width: 50px;
      height: 8px;
      position: relative;
    }
    #thumbnail-preview-indicators .carousel-indicators li > .thumbnail {
       width: 50px;
       left: 50%;
       margin-top: -50px;
       margin-left: -25px;
    }
}

/**************************************/
/* コンテンツリスト                   */
/**************************************/

/**** LAYOUT ****/
.list-inline>li {
    padding: 0 10px 0 0;
}
.container-pad {
    padding: 30px 15px;
}


/**** MODULE ****/
.bgc-fff {
    background-color: #fff!important;
}
.box-shad {
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
    box-shadow: 1px 1px 0 rgba(0,0,0,.2);
}
.brdr {
    border: 1px solid #ededed;
}

/* Font changes */
.fnt-smaller {
    font-size: .9em;
}
.fnt-lighter {
    color: #bbb;
}

/* Padding - Margins */
.pad-10 {
    padding: 10px!important;
}
.mrg-0 {
    margin: 0!important;
}
.btm-mrg-10 {
    margin-bottom: 10px!important;
}
.btm-mrg-20 {
    margin-bottom: 20px!important;
}

/* Color  */
.clr-535353 {
    color: #535353;
}




/**** MEDIA QUERIES ****/
@media only screen and (max-width: 991px) {
    #property-listings .property-listing {
        padding: 5px!important;
    }
    #property-listings .property-listing a {
        margin: 0;
    }
    #property-listings .property-listing .media-body {
        padding: 10px;
    }
}

@media only screen and (min-width: 992px) {
    #property-listings .property-listing img {
        max-width: 180px;
    }
}







/**************************************/
/* コンテンツリスト                   */
/**************************************/
.cuadro_intro_hover{
	padding: 0px;
	position: relative;
	overflow: hidden;
	height: 200px;
}
.cuadro_intro_hover:hover .caption{
	opacity: 1;
	transform: translateY(-150px);
	-webkit-transform:translateY(-150px);
	-moz-transform:translateY(-150px);
	-ms-transform:translateY(-150px);
	-o-transform:translateY(-150px);
}
.cuadro_intro_hover img{
	z-index: 4;
}
.cuadro_intro_hover .caption{
	position: absolute;
	top:150px;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	width: 100%;
}
.cuadro_intro_hover .blur{
	background-color: rgba(0,0,0,0.7);
	height: 300px;
	z-index: 5;
	position: absolute;
	width: 100%;
}
.cuadro_intro_hover .caption-text{
	z-index: 10;
	color: #fff;
	position: absolute;
	height: 300px;
	text-align: center;
	top:-20px;
	width: 100%;
}





/**************************************/
/* 料金パネル                         */
/**************************************/
.lead {
  font-weight: normal;
  line-height: 1.6;
  font-size: 16px;
/*
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.4;
*/
}

/**************************************/
/* 料金パネル                         */
/**************************************/
.price-panel{
	text-align: center;
	margin-bottom:20px;
}
.price-panel:hover {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px 5px rgba(130, 130, 130, 0.35);
}
.price-panel-body{
    padding: 0px;
    text-align: center;
}

.the-price{
    background-color: rgba(220,220,220,.17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
}

.the-price h3{
    line-height: 1em;
    padding: 0;
    margin: 0;
}

.subscript
{
    font-size: 25px;
}

/* CSS-only ribbon styles    */
.cnrflash{
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}
.cnrflash-inner{
    /*Set position, make larger then 			container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%;  /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
    background-size: 4px,auto, auto,auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
.cnrflash-inner:before, .cnrflash-inner:after{
    /*Use the border triangle trick to make  				it look like the ribbon wraps round it's 				container*/
    content: " ";
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid #800000;
}
.cnrflash-inner:before{
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.cnrflash-inner:after{
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.cnrflash-label{
    /*Make the label look nice*/
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1,1,1,.8);
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}




/**************************************/
/* ステップ                           */
/**************************************/
.update-nag{
  display: inline-block;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  height: 40px;
/*
  -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
*/
  margin-bottom: 10px;
}

.update-nag:hover{
    cursor: pointer;
/*
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.4);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);
*/
}

.update-nag > .update-split{
  background: #337ab7;
  width: 40px;
  float: left;
  color: #fff!important;
  height: 100%;
  text-align: center;
  line-height: 19px;
}

.update-nag > .update-split > .glyphicon{
  position:relative;
  top: calc(50% - 9px)!important; /* 50% - 3/4 of icon height */
}
.update-nag > .update-split.update-success{
  background: #5cb85c!important;
}

.update-nag > .update-split.update-danger{
  background: #d9534f!important;
}

.update-nag > .update-split.update-info{
  background: #5bc0de!important;
}



.update-nag > .update-text{
  line-height: 16px;
  padding-top: 5px;
  padding-left: 50px;
  padding-right: 20px;
}

/**************************************/
/* モーダルウィンドウ                 */
/**************************************/
.modal-header {
	padding-bottom: 5px;
}

.modal-footer {
    	padding: 0;
	}
    
.modal-footer .btn-group button {
	height:40px;
	border-top-left-radius : 0;
	border-top-right-radius : 0;
	border: none;
	border-right: 1px solid #ddd;
}
	
.modal-footer .btn-group:last-child > button {
	border-right: 0;
}

/**************************************/
/* フッター                           */
/**************************************/
#footer {
	background-color: #ffffff;
	text-align: center;
	margin: 0;
	margin-top: 50px;
}


/**************************************/
/* ページトップ                       */
/**************************************/
#page-top {
    position: fixed;
    bottom: 60px;
    right: 30px;
    font-size: 2.0em;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    padding: 15px 0;
    text-align: center;
    display: block;

	width: 70px;
	height: 70px;
	-webkit-border-radius: 35px;/* width,heightの半分 */
	-moz-border-radius: 35px;
	border-radius: 35px;
	background-color: #999;/* 円の色 */
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

@media screen and (max-width:640px){
	#page-top {
	    bottom: 60px;
	    right: 10px;
		font-size: 1.5em;
	}
	#page-top a {
	    padding: 10px 0;

		width: 50px;
		height: 50px;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	}

}









/* 矢印 */
.arrow-yellow {
	margin: 20px auto 80px;
	padding-top: 15px; /* 要素の上の余白調整 */
	position: relative;
}
.arrow-yellow:before {
	width: 200px; /* 四角形の幅 */
	height: 40px; /* 四角形の高さ */
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFC300));
	background-image: -webkit-linear-gradient(#FFFFFF, #FFC300);
	background-image: linear-gradient(#FFFFFF, #FFC300);
	content: "";
	position: absolute;
	top: 0;
	left: 50%; /* 中央寄せに使用 */
	margin-left: -100px; /* 中央寄せに使用 */
}
.arrow-yellow:after {
	border-top: 40px solid #FFC300; /* 角度を緩やかなものに指定 */
	border-left: 140px solid transparent; /* 左のボーダーを透過に指定 */
	border-right: 140px solid transparent; /*右のボーダーを透過に指定*/
	content: "";
	position: absolute;
	top: 40px; /* 四角形の高さと同じ物を指定 */
	left: 50%; /* 中央寄せに使用 */
	margin-left: -140px; /* 中央寄せに使用 */
}



.balloon-container-pink,
.balloon-container-glay {
	position: relative;
	display: inline-block;
	min-width: 100%;
	padding-top: 20px;
}
.balloon-container-pink:before,
.balloon-container-glay:before {
	content: "";
	position: absolute;
	bottom: -30px; left: 50%;
	margin-left: -50px;
	border-style: solid;
	border-width: 30px 50px 0 50px;
	z-index: 0;
}
.balloon-container-pink:after,
.balloon-container-glay:after {
	content: "";
	position: absolute;
	bottom: -30px; left: 50%;
	z-index: -1;
}
.balloon-container-glay {
	background: #696969;
	z-index: 10;
}
.balloon-container-glay:before {
	border-color: #696969 transparent transparent transparent;
}
.balloon-container-pink {
	background: #ffe7f1;
	z-index: 9;

}
.balloon-container-pink:before {
	border-color: #ffe7f1 transparent transparent transparent;
}