@charset "UTF-8";

/*
	mainColor
		#1 #f7c9dd
		#2 #e684b3
		#3 #d6007f
*/

/*=================================
	common
=================================*/
html {
	background: #fff; /* #fff; */
}
.body {
	position: relative;
}
table {
	word-break: break-all;
}
dt, dd {
	word-break: break-all;
}
img {
	width: auto\9;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
.clear {
	clear: both;
}
span {
	/*white-space: nowrap;*/
}
.modal h2 {
    padding-bottom: 10px;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
}
.required {
	padding: 4px 0;
	color: #dd0000;
	font-size: 12px;
	letter-spacing: 1px;
}
.required-info {
	padding: 10px;
	color: #fff;
	text-align: center;
	background: #70b29c;
}
.required-input {
	color: #fff;
	text-align: center;
	background: #70b29c;
}
.err-info {
	margin: 16px 0px;
	padding: 8px;
	color: #dd0000;
	text-align: center;
	border: 1px solid #dd0000;
}
.success-info {
	padding: 10px;
	color: #666;
	text-align: center;
	background: #e1e8ed;
}
.form-title {
	margin: 0 -15px;
	margin-top: -8px;
	margin-bottom: 16px;
	padding: 8px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	color: #000;
  	border: 1px solid #999;
 	background: #f0f0f0;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	text-shadow: #fff 0 1px 0;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
}
.form-body {
	padding: 16px 32px;
	padding-top: 16px;
	border: 1px solid #ccc;
	background:#f5f5f5;
}
.form-txt {
	padding-top: 6px;
	padding-left: 10px;
}
.form-info {
	margin-bottom: 4px;
	color: #666;
	font-size: 12px;
}
.form-info-left {
	float: left;
	padding: 5px;
	padding-top: 10px;
	color: #000;
	font-size: 12px;
}
.form-info-right {
	float: left;
	padding: 5px;
	padding-top: 10px;
	color: #666;
	font-size: 12px;
}
#success-area {
	margin: 32px 8px;
	padding: 0px;
}
#success-area .title {
	margin-bottom: 30px;
	padding: 16px 0px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-bottom: 3px solid #ccc;
	background: #e684b3;
}
#success-area .body {
	padding: 0px 8px;
	color: #333;
	text-align: justify;
}
#success-area .footer {
	margin-top: 30px;
	padding: 16px;
	padding-top: 32px;
	text-align: center;
	border-radius: 2px;
	border-top: 3px solid #ccc;
}
.select-room-modal-contents .room-elevation {
	padding: 8px 0;
	padding-bottom: 16px;
	text-align: center;
	background: #999;
}
.select-room-modal-contents .room-elevation img {
	padding: 8px;
	width: 240px;
	background: #fff;
}
#modal_close_btn {
	position: fixed;
	top: 0;
	right: 0;
	padding: 16px;
	border-radius: 50%;
	background: #000;
}
.select-room-modal-contents ul.lists {
	margin: 0;
	padding: 0;
	list-style: none;
}
	.select-room-modal-contents ul.lists > li {
		position: relative;
		padding: 16px;
		border-bottom: 1px solid #ccc;
		cursor: pointer;
	}
	.select-room-modal-contents ul.lists > li:hover {
		background: #f0f0f0;
	}
	.select-room-modal-contents ul.lists > li:last-child {
		border: none;
	}
		.select-room-modal-contents ul.lists > li .list {
			margin-right: 16px;
		}
		.select-room-modal-contents ul.lists > li .room {
			margin-right: 8px;
			padding: 4px 8px;
			color: #fff;
			font-size: 12px;
			border-radius: 2px;
			background: #999;
		}
		.select-room-modal-contents ul.lists > li .rent {
			margin-right: 8px;
			padding: 4px 8px;
			color: #fff;
			font-size: 12px;
			border-radius: 2px;
			background: #FF6D00;
		}
		.select-room-modal-contents ul.lists > li .select-check {
			position: absolute;
			top: 16px;
			right: 16px;
			color: #d6007f;
			font-weight: bold;
		}
.new-label {
	margin-right: 4px;
	padding: 3px 6px;
	color: red; /* F44336 */
	font-size: 16px;
	font-weight: bold;
	border-radius: 4px;
}
/*=================================
	#panel
=================================*/
#header_nav_panel {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.3);
	overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-moz-overflow-scrolling: touch;
}
	#header_nav_panel .sidebar-nav-inner {
		border-top: 0px solid #000;
		border-bottom: 0px solid #000;
	}
	#header_nav_panel .nav-title {
		padding: 8px 16px;
		color: #777;
		font-size: 11px;
		font-weight: bold;
		background: #f0f0f0;
	}
	#header_nav_panel ul.nav-list {
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: left;
	}
		#header_nav_panel .contact-btn-sp {
			padding: 4px;
			text-align: center;
			border-bottom: 1px solid #ddd;
		}
		#header_nav_panel .summary-sp {
			padding: 0px 4px;
			padding-bottom: 8px;
			text-align: center;
			background: #f5f5f5;
		}
			#header_nav_panel .summary-sp img {
				width: 100%;
				max-width: 400px;
			}
		#header_nav_panel .nav-title {
			padding: 4px 12px;
			font-size: 12px;
			font-weight: bold;
			border-bottom: 1px solid #ddd;
			background: #f0f0f0;
		}
		#header_nav_panel ul.nav-list li {
			position: relative;
		}
		#header_nav_panel ul.nav-list li.active a {
			color: #000;
			font-weight: bold;
			border-left: 8px solid #d6007f;
		}
		#header_nav_panel ul.nav-list li a {
			display: block;
			padding: 16px 16px;
			padding-left: 14px;
			color: #000;
			border-left: 8px solid #ddd;
			border-bottom: 1px solid #ddd;
		}
		#header_nav_panel ul.nav-list li a:hover {
			color: #000;
			font-weight: bold;
			text-decoration: none;
			border-left: 8px solid #d6007f;
		}
		#header_nav_panel ul.nav-list li:last-child a {
			border-bottom: none;
		}
		#header_nav_panel ul.sns-list {
			margin: 0;
			padding: 0;
			list-style: none;
		}
			#header_nav_panel ul.sns-list > li {
				float: left;
				width: 33.3333333333%;
			}
			#header_nav_panel ul.sns-list > li a {
				border: none;
			}
			#header_nav_panel ul.sns-list > li.facebook-icon a {
				display: block;
				padding: 12px;
				color: #fff;
				font-size: 20px;
				text-align: center;
				border-left: none;
				background: #3b5998;
			}
			#header_nav_panel ul.sns-list > li.twitter-icon a {
				display: block;
				padding: 12px;
				color: #fff;
				font-size: 20px;
				text-align: center;
				border-left: none;
				background: #55acee;
			}
			#header_nav_panel ul.sns-list > li.instagram-icon a {
				display: block;
				padding: 12px;
				color: #fff;
				font-size: 20px;
				text-align: center;
				border-left: none;
				background: #3f729b;
			}
/*=================================
	#header
=================================*/
#header_nav_btn {
	margin-left: 6px;
}
.header-navbar-brand {
	position: absolute;
	width: 80%;
	top: 0;
	left: 50%;
	right: 50%;
	margin: 0 0 0 -40%;
	text-align: center;
}
	.header-navbar-brand img {
		height: 50px;
	}
.header-navbar-contacts-btn {
	position: absolute;
	top: 3px;
	right: 16px;
	bottom: 0;
	text-align: center;
}
	.header-navbar-contacts-btn .contacts-btn {
		height: 50px;
		line-height: 50px;
	}
	.header-navbar-contacts-btn .contacts-btn i {
		color: #777;
		font-size: 22px;
	}
#header_pc {
	background: #fff;
}
	#header_info {
		position: relative;
		width: 100%;
		height: 100px;
	}
		#header_info .header-logo {
			position: absolute;
			top: 0;
			left: 0;
			width: 325px;
		}
		#header_info .header-information {
			position: absolute;
			top: 0;
			right: 0;
			width: 660px;
			height: 100px;
			line-height: 50px;
			text-align: right;
		}
			#header_info .header-information .summary {
				float: left;
				width: 660px;
			}
			#header_info .header-information .contact-btn {
				float: right;
				width: 129px;
				padding-top: 27px;
			}
#header_nav_pc {
	border-bottom: 1px solid #fff;
	background: #f5f5f5 url('./img/header_nav_pc_background_2px.png') repeat-x;
	    box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
		z-index: 1030;
}
	#header_nav_pc ul.nav-list {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
		height: 65px;
	}
		#header_nav_pc .nav-list > li {
			float: left;
			width: 15.33333333%; /* (5) 18.4%; */ /* (6) 16.6666666666%; */
			text-align: center;
		}
		#header_nav_pc .nav-list > li:not(#nav_home) {
			border-bottom: 1px solid #fff;
		}
		#header_nav_pc .nav-list > li#nav_home {
			width: 8%;
		}
		#header_nav_pc .nav-list > li a {
			display: block;
			color: #777;
			line-height: 65px;
			font-weight: bold;
			border-top: 1px solid #f5f5f5;
		}
		#header_nav_pc .nav-list > li a i {
			display: block;
			color: #777;
			line-height: 65px;
			font-weight: bold;
			border-top: 1px solid #f5f5f5;
		}
		#header_nav_pc .nav-list > li:first-child a {
			border-right: none;
		}
		#header_nav_pc .nav-list > li:last-child a {
			border-left: none;
		}
		#header_nav_pc .nav-list > li a:hover {
			color: #d6007f;
			font-weight: bold;
			text-decoration: none;
			border-top: 1px solid #d6007f;
			background: #fff;
			transition: all 0.3s ease;
			cursor: pointer;
		}
		#header_nav_pc .nav-list > li.active a {
			color: #d6007f;
			line-height: 65px;
			font-weight: bold;
			text-decoration: none;
			border-top: 1px solid #d6007f;
			background: #fff;
		}
		#header_nav_pc .nav-list > li.sns {
			background: #fff;
		}
			#header_nav_pc .nav-list > li .nav-facebook {
				float: left;
				width: 33.3333333333%;
			}
				#header_nav_pc .nav-list > li .nav-facebook i {
					color: #3b5998;
				}
			#header_nav_pc .nav-list > li .nav-twitter {
				float: left;
				width: 33.3333333333%;
			}
				#header_nav_pc .nav-list > li .nav-twitter i {
					color: #55acee;
				}
			#header_nav_pc .nav-list > li .nav-instagram {
				float: left;
				width: 33.3333333333%;
			}
				#header_nav_pc .nav-list > li .nav-instagram i {
					color: #3f729b;
				}
				
				#header_nav_pc .nav-list > li .nav-facebook i,
				#header_nav_pc .nav-list > li .nav-twitter i,
				#header_nav_pc .nav-list > li .nav-instagram i {
					font-size: 20px;
					font-weight: normal;
				}
/*=================================
	#top_caption
=================================*/
#top_caption {
	position: relative;
	z-index: 0;
}
	#top_caption #caption_back {
		background-size: cover;
		background-position: 50% 50%;
		-webkit-filter: brightness(50%);
	  			filter:brightness(50%);
	}
	#top_caption #caption_contents_logo {
		position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    /*margin: 0 0 0 -40%;*/
	}
	#top_caption #caption_contents_company {
		position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    /*margin: 0 0 0 -40%;*/
	}
	#top_caption #caption_logo {
		position: relative;
	}
		#top_caption #caption_logo img {
			width: 100px;
		}
		#top_caption #caption_logo .logo01 {
			position: absolute;
			top:0;
			opacity: 0;
		}
		#top_caption #caption_logo .logo02 {
			position: absolute;
			top: 0;
			opacity: 0;
		}
		#top_caption #caption_logo .logo03 {
			position: absolute;
			top: 10px;
			right: 1px;
			opacity: 0;
		}
		#top_caption #caption_logo #logo_all {
			position: absolute;
			top: 0;
			opacity: 0;
		}
		#top_caption #caption_logo #mark_kyoto {
			position: absolute;
			top: 100px;
			opacity: 0;
		}
	#top_caption #caption_logo_company {
		
	}
		#top_caption #caption_logo_company img {
			width: 336px;
		}
		#top_caption #caption_logo_company #logo_company {
			position: absolute;
			top:0;
			opacity: 0;
		}
	#top_caption #caption_contents_image {
		position: relative;
	}
		#top_caption #test {
			position: absolute;
			top:0;
			left:0;
			text-align: left;
		}
/*=================================
	#slider
=================================*/
.frame {
	position: relative;
	overflow: hidden;
}
.frame ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 100%;
}
.frame ul li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
.frame ul li.active {
	color: #fff;
	background: #a03232;
}
.controls {
	margin: 25px 0;
	text-align: center;
}
.oneperframe {
}
.oneperframe ul li {
	/*width: 1170px;*/
}
.oneperframe ul li.active {
	background: transparent;
}
.oneperframe ul li:not(.active) {
	opacity: 0.5;
	transition: all 0.6s ease;
}
#oneperframe {
	background: #f5f5f5;
}
	 #oneperframe .slider-image {
	 	position: relative;
	 }
	 #oneperframe .slider-contents {
	 	width: 25%;
	 	position: absolute;
	 	top: 16px;
	 	right: 16px;
	 	padding: 16px;
	 	color: #fff;
	 	border: 1px solid #fff;
	 	background: rgba(0,0,0,0.3);
	 	box-shadow: 0 0 4px 2px rgba(0,0,0,0.15);
	 }
		#oneperframe .slider-contents .name {
			margin: -16px;
			margin-bottom: 0;
			padding: 8px 16px;
			color: #777;
			font-size: 20px;
			font-weight: bold;
			text-align: center;
			background: #fff;
		}
		#oneperframe .slider-contents .price {
			padding: 16px 0;
			font-size: 18px;
			text-align: center;
			border-bottom: 1px solid #fff;
		}
		#oneperframe .slider-contents .summary {
			padding: 16px 0;
		}
		#oneperframe .slider-contents .link-btn {
			padding: 0;
		}
		#oneperframe .slider-contents .link-btn i {
			margin-left: 16px;
		}
#controls .control-btn-prev {
	position: absolute;
    left: 0;
    border-radius: 0 50% 50% 0;
    background: rgba(0,0,0,0.5);
}
	#controls .control-btn-prev:hover {
	    background: rgba(0,0,0,0.15);
	}
	#controls .control-btn-prev .btn-link {
		color: #fff;
	}
#controls .control-btn-next {
	position: absolute;
    right: 0;
    border-radius: 50% 0 0 50%;
    background: rgba(0,0,0,0.5);
}
	#controls .control-btn-next:hover {
	    background: rgba(0,0,0,0.15);
	}
	#controls .control-btn-next .btn-link {
		color: #fff;
	}
/*=================================
	#main
=================================*/
#main {
	margin: 0;
	padding: 0;
	background: #fff;
}
	 #main_contents {
	 	margin: 0;
	 	padding-right: 16px;
	 }
	 	#main_contents .contents {
	 		margin: 32px 0;
	 		/*box-shadow: 0 0 2px rgba(0,0,0,0.3);*/
	 	}
	 	#main_contents .contents-title {
	 		padding: 16px;
	 		color: #666;
	 		font-weight: bold;
	 		background: #f5f5f5;
	 		/*box-shadow: 0 3px 3px -3px rgba(0,0,0,0.5);*/
	 	}
	 	#main_contents .contents-title .title {
	 		padding-left: 16px;
	 		border-left: 5px solid #d6007f;
	 	}
/*=================================
	#sidebar
=================================*/
#sidebar {
	margin: 32px 0;
}
	#sidebar .fixed-menu {
		min-width: 292.5px;
	}
	#sidebar .sidebar-inner {
		margin-bottom: 16px;
		padding: 0;
		border: 1px solid #ccc;
		background: #fff;
	}
	#sidebar .sidebar-inner-bn {
		margin-bottom: 16px;
		padding: 0;
	}
	#sidebar .sidebar-lists-title {
		padding: 16px;
		color: #333;
		background: #f5f5f5;
	}
		#sidebar .sidebar-lists-title i {
			margin-right: 16px;
		}
	#sidebar .sidebar-inner ul.sidebar-lists {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#sidebar .sidebar-inner ul.sidebar-lists-child {
		margin: 0;
		padding-left: 32px;
		list-style: none;
	}
		#sidebar .sidebar-inner ul.sidebar-lists > li,
		#sidebar .sidebar-inner ul.sidebar-lists-child > li {
			position: relative;
			width: 100%;
		}
		#sidebar .sidebar-inner ul.sidebar-lists-child > li {
			border-bottom: 1px solid #ddd;
		}
		#sidebar .sidebar-inner ul.sidebar-lists-child > li:last-child {
			border-bottom: none;
		}
		#sidebar .sidebar-inner ul.sidebar-lists > li a {
			display: block;
			padding: 16px;
			color: #333;
			background: #f5f5f5;
		}
		#sidebar .sidebar-inner ul.sidebar-lists-child > li a {
			display: block;
			padding: 16px;
			color: #666;
		}
		#sidebar .sidebar-inner ul.sidebar-lists > li .marker > i,
		#sidebar .sidebar-inner ul.sidebar-lists-child > li .marker > i {
			margin-right: 8px;
			color: #e684b3;
		}
		#sidebar .sidebar-inner ul.sidebar-lists > li .detail > i,
		#sidebar .sidebar-inner ul.sidebar-lists-child > li .detail > i {
			position: absolute;
			top: 16px;
			right: 16px;
			color: #999;
			font-size: 16px;
		}
		#sidebar .sidebar-inner ul.sidebar-lists > li a:hover,
		#sidebar .sidebar-inner ul.sidebar-lists-child > li a:hover,
		#sidebar .sidebar-inner ul.sidebar-lists > li.active a,
		#sidebar .sidebar-inner ul.sidebar-lists-child > li.active a {
			color: #333;
			font-weight: bold;
			text-decoration: none;
		}
		#sidebar .sidebar-inner ul.sidebar-lists > li a:hover i,
		#sidebar .sidebar-inner ul.sidebar-lists-child > li a:hover i,
		#sidebar .sidebar-inner ul.sidebar-lists > li.active a i,
		#sidebar .sidebar-inner ul.sidebar-lists-child > li.active a i {
			color: #000;
			font-weight: bold;
		}
.check-article {
}
	.check-article ul.lists {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		.check-article ul.lists > li {
			position: relative;
			margin: 16px;
		}
		.check-article ul.lists > li .media {
			border: none;
		}
		.check-article ul.lists > li .media .pull-left {
			width: 100px;
		}
			.check-article ul.lists > li .media .pull-left img {
				border: none;
			}
		.check-article ul.lists > li .media .title a {
			color: #666;
			text-decoration: underline;
		}
		.check-article ul.lists > li .media .title a:hover {
			color: #777;
			text-decoration: none;
		}
		.check-article ul.lists > li .media .rent {
			margin-top: 4px;
			color: #999;
			font-size: 12px;
		}
		.check-article ul.lists > li .media .local {
			position: absolute;
			bottom: 0;
			right: 0;
			color: #999;
			font-size: 12px;
		}
/*=================================
	#index
=================================*/
#new_sale {
	margin-bottom: 16px;
}
#new_sale {
	background: transparent;
}
	#new_sale ul.lists {
		margin: 0;
		padding: 0;
		padding: 4px 0;
		padding-left: 32px;
		border: 1px solid #ccc;
		background: #fff;
	}
		#new_sale ul.lists > li {
			position: relative;
			margin: 8px;
			padding: 8px;
			font-size: 18px;
			border-bottom: 1px dotted #ccc;
		}
		#new_sale ul.lists > li span.underline {
			padding: 0 8px;
			background: linear-gradient(transparent 70%, #f7c9dd 70%);
		}
		#new_sale ul.lists > li:last-child {
			border-bottom: none;
		}
	#new_sale .info {
		padding: 16px 0;
		text-align: center;
	}
	#new_sale .link {
		margin-top: 16px;
	}
	#new_sale .link .link-btn {
		padding: 8px;
		text-align: center;
	}
	#new_sale .link i {
		margin-right: 6px;
	}
.news {
	border: 0px solid #ccc;
	background: transparent;
}
	.news ul.lists {
		margin: 0;
		padding: 0;
		padding: 4px 0;
		list-style: none;
		border: 1px solid #ccc;
		background: #fff;
	}
		.news ul.lists > li {
			position: relative;
			margin: 8px;
			padding: 8px;
			border-bottom: 1px dotted #ccc;
		}
		.news ul.lists > li:last-child {
			border: none;
		}
		.news ul.lists > li .media {
			border: none;
		}
		.news ul.lists > li .media .pull-left {
			position: relative;
			width: 130px;
		}
			.news ul.lists > li .media .pull-left img {
				padding: 3px;
				border: 1px solid #ccc;
			}
			.news ul.lists > li .media .pull-left .news-category {
				position: absolute;
				top: 3px;
				left: 3px;
				padding: 2px 16px;
				color: #d6007f;
				font-size: 11px;
				font-weight: bold;
				background: #fff;
			}
		.news ul.lists > li .media .date {
			margin-bottom: 8px;
			color: #777;
			text-align: center;
		}
		.news ul.lists > li .media .title {
			color: #666;
			font-weight: bold;
		}
		.news ul.lists > li .media .title a {
			color: #666;
			font-weight: bold;
			text-decoration: underline;
		}
		.news ul.lists > li .media .title a:hover {
			color: #777;
			text-decoration: none;
		}
		.news ul.lists > li .media .summary {
			margin-top: 8px;
			color: #666;
		}
		.news ul.lists > li .media .detail {
			position: absolute;
			bottom: 12px;
			right: 0px;
		}
			.news ul.lists > li .media .detail a {
				display: block;
				padding: 4px 8px;
				color: #777;
				font-size: 12px;
				font-weight: bold;
				border: 1px solid #ccc;
			}
			.news ul.lists > li .media .detail a:hover {
				color: #fff;
				text-decoration: none;
				background: #ccc;
			}
			.news ul.lists > li .media .detail a i {
				margin-right: 0px;
			}
.article-lists {
	padding: 0;
}
.article-tabs {
	border-bottom: 1px solid #ccc;
}

	.article-tabs > li {
		float: left;
		width: 33.333333%; /* threeTab -> 33.333333%; */
		margin-bottom: -1px;
	}
	
	.article-tabs > li > a {
		/*margin-right: 2px;*/
		margin: 0;
		padding: 16px 4px !important;
		color: #eee;
		font-weight: bold;
		text-align: center;
		line-height: 1.428571429;
		border: 1px solid transparent;
		/*border-radius: 2px 2px 0 0;*/
		background: #d6007f;
	}
	
	.article-tabs > li > a:hover {
		color: #333;
		font-weight: bold;
		border: 1px solid #ccc;
		border-bottom-color: transparent;
		/*border-color: #ccc #ccc #ccc;*/
		background: #fff !important;
	}
	
	.article-tabs > li > a span.tab-text-small {
		margin-left: 4px;
		font-size: 12px;
	}
	
	.article-tabs > li.active > a,
	.article-tabs > li.active > a:hover,
	.article-tabs > li.active > a:focus {
		color: #333;
		font-weight: bold;
		cursor: default;
		background-color: #ffffff;
		border: 1px solid #ccc;
		border-top: 2px solid #d6007f;
		border-bottom-color: transparent;
	}
	.article .tab-pane {
		padding: 16px;
		border: 1px solid #ccc;
		border-top: none;
		background: #fff;
	}
	.article .table th,
	.article .table td {
		font-size: 13px;
	}
	.article .table th {
		width: 25%;
		font-weight: bold;
		text-align: center;
		background: #f0f0f0;
	}
	.no-article {
		height: 300px;
		line-height: 300px;
		color: #666;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
	}
#lease ul.lists {
	margin: 0;
	padding: 0;
	list-style: none;
}
	#lease ul.lists > li {
		position: relative;
		padding: 16px 0px;
		border-bottom: 1px solid #d6007f;
	}
	#lease ul.lists > li:first-child {
		padding-top: 0;
	}
	#lease ul.lists > li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
	#lease ul.lists > li .media {
		border: none;
	}
	#lease ul.lists > li .media .pull-left {
		position: relative;
		width: 250px;
	}
		#lease ul.lists > li .media .pull-left img {
			width: 250px;
			padding: 3px;
			border: 1px solid #ccc;
		}
		#lease ul.lists > li .media .pull-left .type {
			position: absolute;
			top: 3px;
			left: 3px;
			padding: 2px 16px;
			color: #d6007f;
			font-size: 11px;
			font-weight: bold;
			background: #fff;
		}
	#lease ul.lists > li .media .point {
		margin-top: 2px;
		margin-bottom: 8px;
	}
		#lease ul.lists > li .media .point span {
			margin-right: 4px;
			padding: 2px 4px;
			color: #fff;
			font-size: 12px;
			white-space: nowrap;
			line-height: 2.0;
			border-radius: 4px;
			background: #999; /* default #8BC34A; */
		}
	#lease ul.lists > li .media .title a {
		color: #666;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
	}
	#lease ul.lists > li .media .title a:hover {
		color: #777;
		text-decoration: underline;
	}
	#lease ul.lists > li .media .summary {
		margin-top: 8px;
		color: #666;
	}
	#lease ul.lists > li .recommend {
		padding: 16px;
		background: #FFFDE7;
	}
		#lease ul.lists > li .recommend .recommend-comments i {
			margin-right: 8px;
			color: #000;
		}
		#lease ul.lists > li .recommend .recommend-link {
			padding-top: 16px;
			text-align: right;
		}
		#lease ul.lists > li .recommend .recommend-link a i {
			margin-left: 16px;
		}
#sale ul.lists {
	margin: 0;
	padding: 0;
	list-style: none;
}
	#sale ul.lists > li {
		position: relative;
		padding: 16px 0px;
		border-bottom: 1px solid #d6007f;
	}
	#sale ul.lists > li:first-child {
		padding-top: 0;
	}
	#sale ul.lists > li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
	#sale ul.lists > li .media {
		border: none;
	}
	#sale ul.lists > li .media .pull-left {
		position: relative;
		width: 250px;
	}
		#sale ul.lists > li .media .pull-left img {
			padding: 0;
			border: 1px solid #999;
		}
		#sale ul.lists > li .media .pull-left .type {
			position: absolute;
			top: 1px;
			left: 1px;
			padding: 2px 16px;
			color: #fff;
			font-size: 11px;
			font-weight: bold;
			background: #999;
		}
	#sale ul.lists > li .media .point {
		margin-top: 2px;
		margin-bottom: 8px;
	}
		#sale ul.lists > li .media .point span {
			margin-right: 4px;
			padding: 4px 8px;
			color: #fff;
			font-size: 12px;
			background: #FFA000; /* default #8BC34A; */
		}
	#sale ul.lists > li .media .title a {
		color: #666;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
	}
	#sale ul.lists > li .media .title a:hover {
		color: #777;
		text-decoration: underline;
	}
	#sale ul.lists > li .media .summary {
		margin-top: 8px;
		color: #666;
	}
	#sale ul.lists > li .recommend {
		padding: 8px 16px;
		background: #fff;
	}
		#sale ul.lists > li .recommend .recommend-comments i {
			margin-right: 8px;
			color: #000;
		}
		#sale ul.lists > li .recommend .recommend-link {
			padding-top: 16px;
			text-align: right;
		}
		#sale ul.lists > li .recommend .recommend-link a i {
			margin-left: 16px;
		}
#sale_business ul.lists {
	margin: 0;
	padding: 0;
	list-style: none;
}
	#sale_business ul.lists > li {
		position: relative;
		padding: 16px 0px;
		border-bottom: 1px solid #d6007f;
	}
	#sale_business ul.lists > li:first-child {
		padding-top: 0;
	}
	#sale_business ul.lists > li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}
	#sale_business ul.lists > li .media {
		border: none;
	}
	#sale_business ul.lists > li .media .pull-left {
		position: relative;
		width: 250px;
	}
		#sale_business ul.lists > li .media .pull-left img {
			padding: 0;
			border: 1px solid #999;
		}
		#sale_business ul.lists > li .media .pull-left .type {
			position: absolute;
			top: 1px;
			left: 1px;
			padding: 2px 16px;
			color: #fff;
			font-size: 11px;
			font-weight: bold;
			background: #999;
		}
	#sale_business ul.lists > li .media .point {
		margin-top: 2px;
		margin-bottom: 8px;
	}
		#sale_business ul.lists > li .media .point span {
			margin-right: 4px;
			padding: 4px 8px;
			color: #fff;
			font-size: 12px;
			background: #FFA000; /* default #8BC34A; */
		}
	#sale_business ul.lists > li .media .title a {
		color: #666;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
	}
	#sale_business ul.lists > li .media .title a:hover {
		color: #777;
		text-decoration: underline;
	}
	#sale_business ul.lists > li .media .summary {
		margin-top: 8px;
		color: #666;
	}
	#sale_business ul.lists > li .recommend {
		padding: 8px 16px;
		background: #fff;
	}
		#sale_business ul.lists > li .recommend .recommend-comments i {
			margin-right: 8px;
			color: #000;
		}
		#sale_business ul.lists > li .recommend .recommend-link {
			padding-top: 16px;
			text-align: right;
		}
		#sale_business ul.lists > li .recommend .recommend-link a i {
			margin-left: 16px;
		}
#lease .table th,
#sale .table td,
#sale_business .table td {
	font-size: 13px;
}
#lease .table th,
#sale .table th,
#sale_business .table th {
	width: 25%;
	font-weight: bold;
	text-align: center;
	background: #f0f0f0;
}
#google_map_sale {
	background: #fff url('../img/ajax_loading.gif') center center no-repeat;
}
#google_map_sale iframe {
	border: none;
}
/*=================================
	#page
=================================*/
.page-title {
	margin-bottom: 16px;
	padding: 16px;
	padding-top: 0;
	color: #777;
	font-size: 20px;
	border-bottom: 1px solid #d6007f;
}
	.page-title span {
		padding: 0px 16px;
		line-height: 130%;
		border-left: 5px solid #d6007f;
	}
	.page-header-company {
		width: 100%;
		height: 250px;
		background: #fff url('../img/company/page_header.jpg') center center no-repeat;
		background-size: cover;
	}
	.page-header-contacts {
		width: 100%;
		height: 250px;
		background: #fff url('../img/contacts/page_header.jpg') center center no-repeat;
		background-size: cover;
	}
	.page-contents-title {
		padding: 8px 8px;
		color: #fff;
		border-left: 1px solid #777;
		border-right: 1px solid #aaa;
		background: #999;
	}
		.page-contents-title span {
			padding: 0px 8px;
			border-left: 14px solid #ccc;
		}
	.company-summary .table td {
		font-size: 14px;
	}
	.company-summary .table th {
		width: 25%;
		font-weight: bold;
		text-align: center;
		background: #f0f0f0;
	}
	.company-google-map {
		border: 1px solid #ccc;
	}
	/*
	.company-google-map {
		position: relative;
		margin: 0px 2px;
		padding-bottom: 75%; // 縦横比
		height: 0;
		overflow: hidden;
		border: 1px solid #ccc;
		background: #414141 url('./img/loading.gif') center center no-repeat;
	}
	.company-google-map {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
	*/
/*=================================
	#detail
=================================*/
#detail {
	margin: 0;
	padding: 0;
}
	#detail h1.article-title {
		margin: 0;
		padding: 16px;
		font-size: 20px;
		border: 1px solid #ccc;
		border-left: 5px solid #d6007f;
		background: #f8f8f8;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f8f8f8));
		background-image: -webkit-linear-gradient(top, #fcfcfc, #f8f8f8);
		background-image: -o-linear-gradient(top, #fcfcfc, #f8f8f8);
		background-image: linear-gradient(to bottom, #fcfcfc, #f8f8f8);
		background-image: -moz-linear-gradient(top, #fcfcfc, #f8f8f8);
		background-repeat: repeat-x;
		box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
	}
	#detail .article-contents-title {
		padding: 8px 8px;
		color: #fff;
		border-left: 1px solid #777;
		border-right: 1px solid #aaa;
		background: #999;
	}
		#detail .article-contents-title span {
			padding: 0px 8px;
			border-left: 14px solid #ccc;
		}
	#detail .article-contents-elevation {
		text-align: center;
	}
		#detail .article-contents-elevation img {
			width: 240px;
		}
	#detail .article-contents-floor {
		padding: 16px 0px;
		text-align: center;
	}
	#detail .article-comments {
		margin-top: -16px;
		padding: 16px;
		color: #666; /* default #d6007f; */
		background: #FFFDE7;
	}
	#detail .article-comments i {
		margin-right: 8px;
	}
	#detail .article-main-image {
		margin: 0;
	}
	#detail .article-cost {
		padding: 8px 16px;
	}
		#detail .article-cost .table th {
			width: 30%;
		}
		#detail .article-cost .table th,
		#detail .article-cost .table td {
			border-top: none;
			border-bottom: 1px solid #ccc;
		}
		#detail .article-cost .table td.room {
			color: #333;
			font-size: 16px;
			font-weight: bold;
		}
		#detail .article-cost .table td.area {
			color: #333;
		}
		#detail .article-cost .table td.rent {
			color: #333;
		}
	#detail .article-cost-sale {
		padding: 8px 16px;
	}
		#detail .article-cost-sale .article-sale-finish {
			color: red;
			font-weight: bold;
		}
		#detail .article-cost-sale .table th,
		#detail .article-cost-sale .table td {
			text-align: center;
			border-top: none;
			border-bottom: 1px solid #ccc;
		}
	#detail .article-summary {
		padding: 8px 16px;
	}
		#detail .article-summary .table th {
			width: 30%;
		}
		#detail .article-summary .table th,
		#detail .article-summary .table td {
			border-top: none;
			border-bottom: 1px solid #ccc;
		}
	#detail .article-image {
		padding: 8px;
	}
		#detail .article-thumb {
			padding: 8px;
		}
		#detail .article-thumb .image-link {
			position: relative;
			display: block;
		}
		#detail .article-thumb .image-border {
			border: 3px double #ccc;
		}
		#detail .article-thumb .image-name {
			position: absolute;
			left: 3px;
			right: 3px;
			bottom: 3px;
			padding: 4px;
			color: #fff;
			font-size: 14px;
			font-weight: 600;
			text-align: center;
			text-shadow: #000 0px 0px 5px;
			background: rgba(0,0,0,0.3);
		}
	#detail .article-youtube-embed-block {
		margin: 32px 0;
	}
	#detail .article-youtube-embed {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}
	#detail .article-youtube-embed iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#detail .article-contacts {
		padding: 0;
		border: 3px solid #999;
		border-top: none;
	}
		#detail .article-contacts .info {
			padding: 16px;
			color: #333;
			border-bottom: 3px solid #999;
			background: #f0f0f0;
		}
		#detail .article-contacts i {
			margin-right: 8px;
		}
		#detail .article-contacts .tel {
			border-right: 1px solid #ccc;
		}
			#detail .article-contacts .tel img {
				width: 200px;
			}
		#detail .article-contacts-title {
			margin-bottom: 16px;
			padding-bottom: 16px;
			color: #777;
			font-size: 16px;
			font-weight: bold;
			text-align: center;
			border-bottom: 1px solid #ccc;
		}
	#other_article {
		margin-top: 32px;
		padding: 16px;
		border: 1px solid #ccc;
	}
	#detail .article-summary-link-btn {
		margin: 64px 0;
		text-align: center;
	}
		#detail .article-summary-link-btn i {
			margin-right: 16px;
		}
	#detail .room-select-btn {
		padding: 8px;
		text-align: center;
	}
		#detail .room-select-btn ul.lists > li {
			padding: 8px;
			border-bottom: 1px solid #ccc;
			cursor: pointer;
		}
		#detail .room-select-btn ul.lists > li:last-child {
			border-bottom: none;
		}
		#detail .room-select-btn ul.lists > li:hover {
			color: #fff;
			background: #999;
		}
		#detail .ajax-loading {
			padding: 32px 0;
			text-align: center;
		}
		#detail .no-room-select {
			margin: 16px;
			padding: 32px 8px;
			color: #777;
			font-weight: bold;
			text-align: center;
			border: 2px dotted #999;
			background: #fff;
		}
		#detail .no-room-select i {
			margin-right: 8px;
		}
/*=================================
	#contacts
=================================*/
.contacts-header-info {
	padding: 16px;
	padding-bottom: 32px;
	text-align: left;
}
.contacts-body h2 {
	margin: 0;
	margin-top: 8px;
	margin-bottom: 32px;
	padding: 0;
	color: #777;
	font-size: 18px;
	font-weight: 600;
	border-radius: 4px;
	background: #f5f5f5;
}
.contacts-body .form-body {
	margin-bottom: 32px;
	border: none;
}
.contacts-body .tel-block {
	margin-bottom: 8px;
	padding: 0 16px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.contacts-body .tel-block .tel-number {
	color: #d6007f;
	font-size: 24px;
	font-weight: 600;
}
.contacts-body .tel-block .tel-label {
	font-size: 18px;
}
.contacts-body .tel-block .tel-number a {
	color: #d6007f;
}
.contacts-body .tel-block .tel-number a:hover {
	text-decoration: none;
}
.contacts-body .tel-info {
	color: #777;
	text-align: center;
}
/*=================================
	#check
=================================*/
#check_lease {
	padding: 16px 8px;
	border-top: 1px solid #ccc;
	background: #f5f5f5;
}
#check_sale {
	padding: 16px 8px;
	border-top: 1px solid #ccc;
	background: #f5f5f5;
}
	#check_lease .header,
	#check_sale .header {
		margin: 0 8px;
		margin-bottom: 8px;
		padding: 8px 16px;
		color: #777;
		font-weight: bold;
		border-left: 5px solid #999;
	}
	#check_lease .check-article,
	#check_sale .check-article {
		padding: 8px;
	}
	#check_lease .check-article .image,
	#check_sale .check-article .image {
		border: 1px solid #ccc;
	}
	#check_lease .check-article .title,
	#check_sale .check-article .title {
		padding: 8px 0;
		text-align: center;
	}
	#check_lease .check-article .title a,
	#check_sale .check-article .title a {
		color: #777;
	}
/*=================================
	#privacy
=================================*/
#privacy h2 {
	margin: 0;
	margin-bottom: 16px;
	padding: 16px;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
}
#privacy p {
	padding: 0 16px;
}
#privacy ol > li {
	padding-right: 24px;
}
/*=================================
	#footer
=================================*/
#other_tool_box {
	padding: 0 16px;
	border-top: 1px solid #ccc;
	background: #fff;
}
	#other_tool_box ul.sns-lists {
		margin: 32px 0;
		padding: 0;
		list-style: none;
		width: 100%;
		display: table;
	}
		#other_tool_box ul.sns-lists > li {
			display: table-cell;
			width: 33.3333333333%;
			vertical-align: middle;
			text-align: center;
		}
		#other_tool_box ul.sns-lists > li a i {
			font-size: 40px;
		}
		#other_tool_box ul.sns-lists > li a i.instagram {
			color: #e1306c;
		}
		#other_tool_box ul.sns-lists > li a i.youtube {
			color: #ff0000;
		}
		#other_tool_box ul.sns-lists > li a i.facebook {
			color: #315096;
		}
		#other_tool_box ul.sns-lists > li a .sns-name {
			margin-top: 4px;
			color: #777;
			font-size: 14px;
			font-weight: bold;
		}
		#other_tool_box ul.sns-lists > li a:hover {
			text-decoration: none;
			border-radius: 8px;
			background: #f5f5f5;
		}
	#other_tool_box ul.site-lists {
		margin: 32px 0;
		padding: 0;
		list-style: none;
		width: 100%;
		display: table;
	}
		#other_tool_box ul.site-lists > li {
			display: table-cell;
			width: 50%;
			vertical-align: middle;
			text-align: center;
		}
#footer {
	width: 100%;
	color: #fff;
	background: #999;
}
	#footer #footer_inner {
		padding: 32px 0px;
	}
	#footer .footer-lists-title {
		margin-bottom: 8px;
		padding: 8px 16px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		border: 1px solid #ddd;
		border-radius: 2px;
		background: #;
	}
	#footer .footer-lists-title i {
		margin-right: 8px;
	}
		#footer ul.footer-lists {
			margin: 0;
			margin-bottom: 16px;
			padding-left: 24px;
			list-style: square;
		}
			#footer ul.footer-lists > li {
				padding: 4px;
			}
			#footer ul.footer-lists > li a {
				color: #fff;
			}
		#footer ul.footer-lists-child {
			margin: 0;
			padding-left: 24px;
		}
			#footer ul.footer-lists-child > li {
				padding: 4px;
			}
			#footer ul.footer-lists-child > li a {
				color: #fff;
			}
		#footer .footer-info-right {
			padding: 0 16px;
			text-align: center;
		}
	#footer .copy {
		padding: 32px 16px;
		color: #fff;
		font-size: 12px;
		text-align: center;
		border-top: 1px solid #ccc;
	}
/*=================================
	media query
=================================*/
@media all and (max-width: 992px) {
	body {
		padding-top: 50px;
	}
	.frame {
		border-bottom: 1px solid #ddd;
		overflow: visible;
	}
	#oneperframe .slider-contents {
	 	width: 100%;
	 	position: static;
	 	color: #666;
	 	border: none;
	 	background: #fff;
	 	box-shadow: none;
	}
	#oneperframe .slider-contents .name {
	 	padding: 16px;
		border-bottom: 1px solid #ddd;
		background: #fff;
	}
	#oneperframe .slider-contents .price {
		padding: 16px 0;
		font-size: 18px;
		text-align: center;
	}
	#oneperframe .slider-contents .summary {
		padding: 8px 0;
		color: #333;
		background: #FFFDE7;
	}
	#main_contents {
	 	padding-right: 0;
	}
	#main_contents .contents {
	 	margin: 16px 0;
	}
	#detail .article-youtube-embed-block {
		padding: 0 16px;
	}
	.article-lists {
		padding: 0 16px;
	}
	.contacts-body .tel-block .tel-number {
		margin-right: 16px;
	}
}
@media all and (max-width: 768px) {
	.news ul.lists > li .media .pull-left {
			width: 120px;
		}
	.news ul.lists > li .media .title {
		color: #333;
		font-weight: normal;
	}
	.news ul.lists > li .media .title a {
		font-size: 14px;
		font-weight: normal;
	}
	.news ul.lists > li .media .title a:hover {
		text-decoration: underline;
	}
	#lease ul.lists > li .media .pull-left,
	#sale ul.lists > li .media .pull-left,
	#sale_business ul.lists > li .media .pull-left {
		width: 120px;
	}
	#lease ul.lists > li .media .title a,
	#sale ul.lists > li .media .title a,
	#sale_business ul.lists > li .media .title a {
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}
	#top_caption #caption_logo img {
		width: 75px;
	}
	#top_caption #caption_logo .logo03 {
		top: 5px;
	}
	#top_caption #caption_logo #mark_kyoto {
		position: absolute;
		top: 75px;
		opacity: 0;
	}
	#top_caption #caption_logo_company img {
		width: 270px;
	}
	#footer .footer-info-right {
		margin: 0 auto;
		width: 480px;
	}
}
@media all and (max-width: 480px) {
	.new-label-wrap {
		display: block;
	}
	.new-label {
		font-size: 13px;
	}
	.page-header-company,
	.page-header-contacts {
		height: 125px;
		background-size: cover;
	}
	.news ul.lists > li .media .pull-left {
		width: 100px;
		font-size: 12px;
	}
	#detail .article-contacts .tel {
		border-right: none;
	}
	#top_caption #caption_logo img {
		width: 50px;
	}
	#top_caption #caption_logo #mark_kyoto {
		position: absolute;
		top: 50px;
		opacity: 0;
	}
	#top_caption #caption_logo_company img {
		width: 180px;
	}
	#footer .footer-info-right {
		margin: 0 auto;
		width: 288px;
	}
	.contacts-body .form-body {
		border: none;
	}
	.contacts-body .tel-block {
		padding: 0;
	}
	.contacts-body .tel-block .tel-number {
		margin-right: 8px;
		font-size: 18px;
	}
	.contacts-body .tel-block .tel-label {
		font-size: 12px;
	}
}