<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
 *  20240531 : 逕ｻ髱｢蟷�′蠎�＞譎ゅ�逕ｻ蜒剰｡ｨ遉ｺ豈皮紫繧定ｪｿ謨ｴ�医ｂ縺�ｰ代＠邵ｦ繧貞､ｧ縺阪￥��
 */

body {
	font-size: 11pt;
	color: black;
}
/*
.container {
    max-width: 991px !important;
}
.navbar-default .navbar-nav &gt; li &gt; a {
    font-size: 14px !important;
}
*/
/* override */
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
	h1.page-title {
		font-size: 140%;
	}
}

h2 {
	font-size: 150%;
	font-weight: 400;
	color: #35848b;
}
h2 em {
	font-size: 130%;
	font-style: normal;
	font-weight: 600;
	font-family: helvetica, Verdana, Arial, sans-serif;
}
h2 .sub {
	font-size: 65%;
	font-weight: 400;
	color: #999;
}
h3 {
	font-family: helvetica, Verdana, Arial, sans-serif;
	font-weight: bold;
	color: #893d00;
}
h4 {
	font-family: helvetica, Verdana, Arial, sans-serif;
	color: #2aa4a5;
}
h5 {
	font-size: 120%;
	font-family: helvetica, Verdana, Arial, sans-serif;
}
h5.sub {
	font-size: 100%;
	margin-top: 30px;
}
/* second level menu item */
.dropdown-menu &gt; li &gt; a {
  padding: 10px 20px;
  font-size: 16px;
  color: #333333;
  border-bottom: 1px solid #f7f7f7;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}


.btn-right {
	position: absolute;
	right: 15px;
	top: 0;
}

.form-mini {
	font-size: 80%;
}

ul.pagination {
	margin: 0 !important;
}

.navbar-header .mobile-toggle {
	position: absolute;
	top: 13px;
	right: 70px;
	font-size: 16px;
	color: #ccc;
	letter-spacing: 3px;
}


.top-navi {
	margin: 3px auto 10px auto; 
	background: #fff;
}
.top-navi .row {
	padding: 0 15px;;
}
.top-navi div {
	padding: 0;
}
.top-navi a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.message {
	font-size: 110%;
	margin: 15px 0;
	line-height: 1.7;
}

.header {
	background-color: #ffffeb;
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
	.header {
		height: 140px;
	}
}

.header-top .list-inline {
	margin: 0 !important;
}

footer {
	margin-top: 50px;
}

.btn-primary {
	background-color: #f7b035;
	border-color: #f7b035;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open &gt; .dropdown-toggle.btn-primary {
	background-color: #ef6f22;
	border-color: #ef6f22;
}

.label {
	padding: .4em .6em .3em;
}
.label-default {
	background-color: #59c6cb;
}

/* orig */

.top-phone {
	font-size: 180%;
	font-weight: bold;
}
.top-phone a {
	text-decoration: none !important;
}

table.company-info {
	table-layout: fixed;
}

table.area-info, table.area-info2, table.area-list {
	table-layout: fixed;
}
table.area-info th {
	background: #ebf9f9;
}
table.area-info2 th {
	background: #f0f0f0;
}
table.area-list th {
	background: #ebf9f9;
}
table.area-list th {
	border-bottom: solid 3px white;
}
table.area-list td {
	border-bottom: solid 3px #f0f0f0;
}
table.area-info .note, table.area-info2 .note {
	font-size: 90%;
	color: #666;
}
.area-copy {
	color: #e97300;
	font-weight: bold;
	font-size: 120%;
}
.area-date {
	text-align: right;
}
.area-alert {
	color: #e97300;
	font-size: 90%;
}
.management-alert {
	text-align: right;
	color: #e97300;
	font-size: 90%;
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (max-width: 767px) {
	table.area-info th, table.area-info td,
	table.area-info2 th, table.area-info2 td {
		font-size: 14px;
	}
	.area-copy {
		font-size: 100%;
	}
	table.area-list td {
		padding-bottom: 20px !important;
	}
}

.links div {
	padding: 10px 0;
	clear: both;
	border-top: dashed 1px #ccc;
	background: no-repeat top left;
}
.links div.separate {
	border-top: solid 1px #ccc;
}
.links div.bottom {
	margin-bottom: 40px;
}
.links img.link-icon {
	float: left;
	margin: 0 10px 5px 0;
	width: 50px;
}

table.estate-list {
	table-layout: fixed;
	border-left: solid 1px #ddd;
	margin-top:15px;
}

table.estate-list th {
	background: #81d2d6;
	color: white;
	font-weight: normal;
	font-size: 90%;
	border-top: none !important;
	border-right: solid 1px white !important;
	vertical-align: middle !important;
	text-align: center;
	line-height: 1.7em !important;
}

table.estate-list tr.ev {
	background-color: #fafafa;
}

table.estate-list td {
	vertical-align: middle !important;
	border-right: solid 1px #ddd;
	border-top: none !important;
	border-bottom: solid 1px #aaa !important;
	text-align: center;
	line-height: 2.2em !important;
	padding: 8px 0 !important;
	position: relative;
	color: black;
}
.thumb {
	width: 200px;
}
table.estate-list td.name {
	font-size: 1.5em;
}
table.estate-list td.name p {
	margin: 3px 0 0 0;
	font-size: 0.6em;
}
table.estate-list td.price {
	font-size: 2em;
	line-height: 1em !important;
}
table.estate-list td.price .label {
	font-size: 0.4em;
}
table.estate-list td.price span {
	font-size: 0.5em;
}

table.estate-list .chk {
	text-align: center !important;
}

table.estate-list td.point {
	font-size: 0.8em;
	text-align: left;
	padding: 1em !important;
}

table.estate-list p.no {
	padding: 5px;
	font-size: 0.9em;
	line-height: 1;
	color: white;
	background: rgba(163,228,78,0.5);
	position: absolute;
	width: 100%;
	bottom: 4px;
	left: 0;
	font-weight: normal;
}

table.estate-list tr.disabled td {
	color: #999;
}

.search-header {
	border-top: solid 1px #ccc; 
	border-bottom: solid 1px #ccc; 
	padding: 15px;
	margin-top: 40px;
}
.search-header h3 {
	line-height: 1.3;
	margin: 0;
	padding: 0;
}
.search-header h3 em {
	font-size: 140%;
	font-style: normal;
}
.search-header p {
	font-size: 0.8em;
	color: #999;
	margin: 5px 0;
}

#advanced-pre {
	margin-top: 0;
}
#advanced {
	margin-top: 20px;
	display: none;
}

.search-advanced {
	background: #f7f6ee;
	padding: 15px;
}
.search-advanced h4 {
	font-weight: bold;
	font-size: 1em;
}
.search-advanced label {
	font-weight: normal;
	font-size: 1em;
}

.label-kodate {
	background-color: #8ec53c;
}
.label-tochi {
	background-color: #ccaa15;
}
.label-mansion {
	background-color: #cf6556;
}
.label-rent {
	background-color: #7291e3;
}
.label-add {
	background-color: #aaa;
}


.s-header {
	font-size: 110%;
	padding-top: 12px;
}
.s-body {
	font-size: 90%;
	padding-top: 15px;
}

.search-advanced select, .search-advanced-pre select {
	margin-top: 5px;
	margin-bottom: 5px;
}

.result-header {
	padding-top:10px;
}


/* view */
h1.view-title {
	font-size: 150%;
	font-family: helvetica, Verdana, Arial, sans-serif;
	margin: 0;
	padding: 1em 0;
}
.description {
	margin: 1em 0 1em 1.2em;
	font-size: 130%;
	line-height: 1.5;
	text-indent: -0.6em;
}

.estate-header {
	font-size: 130%;
	color: black;
	margin: 10px 0;
	padding: 15px 0 10px 0;
	background: #f7f6ee;
}
.estate-header div {
	margin-bottom: 5px;
}

table.estate-view {
	table-layout: fixed;
	width: 100%;
	margin-top:10px;
	margin-bottom: 20px;
}

table.estate-view th {
	background: #f0f0f0;
	color: black;
	font-weight: normal;
	font-size: 95%;
	border-bottom: solid 1px #fff;
	vertical-align: middle !important;
	text-align: center;
	line-height: 1.7em !important;
	padding: 5px 10px 3px 10px !important;
}

table.estate-view th.em {
	background: #2aa4a5;
	color: white;
	font-size: 100%;
}

table.estate-view td {
	color: black;
	font-weight: normal;
	font-size: 120%;
	vertical-align: middle !important;
	text-align: left;
	line-height: 1.7em !important;
	padding: 5px 10px 3px 10px !important;
}

table.estate-view strong {
	font-size: 130%;
	font-weight: bold;
}

table.estate-view tr.pov th {
	background: #fff6c6;
}
table.estate-view tr.pov td {
	background: #fcfaf0;
}


.layout {
	text-align: center;
	background: white;
	padding: 30px;
}
.layout img {
	margin: auto auto;
	width: auto !important;
}

.contact-info a {
	font-size: 210%;
	font-weight: bold;
}
.contact-note strong {
	font-size: 130%;
}


body h3 span {
	font-size: 60%;
	font-weight: 400;
}
body h3 a {
	color: #2aa4a5;
}
body .estate-box h3 span {
	font-size: 90%;
	font-weight: bold;
}


.photos img {
	width: 100%;
}

.layout-photo {
	color: blue;
	font-size: 20px;
	position: relative;
}
.layout-photo a {
	position: absolute;
	display: block;
}
.layout-photo a.active {
	color: red;
}


@media (min-width: 992px) and (max-width: 1199px) {
}
@media print, screen and (max-width: 767px) {
	.search-advanced {
		font-size: 8pt;
	}
	table.estate-list th, table.estate-list td {
		font-size: 8pt;
	}
	table.estate-list td.price {
		font-size: 12pt;
	}
	h1.view-title {
		font-size: 12pt;
		line-height: 1.5;
	}
}

.estate-box {
	font-size: 13px;
}
.estate-box .overlay-container {
	height: 160px;
}
/*
@media (min-width: 1200px) {
	.estate-box .overlay-container {
		height: 200px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.estate-box .overlay-container {
		height: 160px;
	}
}
*/
.estate-box .image-box .body h3 {
	font-size: 100% !important;
	font-weight: bold;
	line-height: 1.5;
}
.estate-box .image-box .body p {
	font-size: 85% !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.estate-box {
		font-size: 14px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.estate-box {
		font-size: 20px;
	}
}
@media (max-width: 767px) {
	.estate-box {
		font-size: 20px;
	}
}


/* image clicker */
.clicker {
	display: block;
	position: absolute;
	width: 140px;
	height: 135px;
	line-height: 1;
	text-align: center;
	font-size: 25px;
	padding-top: 60px;
	top: 0px;
	left: 15px;
}
.clicker:hover {
	color: white;
	background: rgba(255,255,255,0.5);
}
.pos-a {
	top: 0px;
	left: 0px;
}
.pos-b {
	top: 0px;
	left: 140px;
}
.pos-c {
	top: 0px;
	left: 280px;
}
.pos-d {
	top: 0px;
	left: 420px;
}
.pos-e {
	top: 135px;
	left: 0px;
}
.pos-f {
	top: 135px;
	left: 140px;
}
.pos-g {
	top: 135px;
	left: 280px;
}
.pos-h {
	top: 135px;
	left: 420px;
}
.pos-i {
	top: 270px;
	left: 0px;
}
.pos-j {
	top: 270px;
	left: 140px;
}
.pos-k {
	top: 270px;
	left: 280px;
}
.pos-l {
	top: 270px;
	left: 420px;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.clicker {
		width: 115px;
		height: 115px;
		padding-top: 46px;
		top: 0px;
		left: 15px;
	}
	.pos-a {
		top: 0px;
		left: 0px;
	}
	.pos-b {
		top: 0px;
		left: 115px;
	}
	.pos-c {
		top: 0px;
		left: 230px;
	}
	.pos-d {
		top: 0px;
		left: 345px;
	}
	.pos-e {
		top: 115px;
		left: 0px;
	}
	.pos-f {
		top: 115px;
		left: 115px;
	}
	.pos-g {
		top: 115px;
		left: 230px;
	}
	.pos-h {
		top: 115px;
		left: 345px;
	}
	.pos-i {
		top: 230px;
		left: 0px;
	}
	.pos-j {
		top: 230px;
		left: 115px;
	}
	.pos-k {
		top: 230px;
		left: 230px;
	}
	.pos-l {
		top: 230px;
		left: 345px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.clicker {
		width: 180px;
		height: 180px;
		padding-top: 73px;
		top: 0px;
		left: 15px;
	}
	.pos-a {
		top: 0px;
		left: 15px;
	}
	.pos-b {
		top: 0px;
		left: 195px;
	}
	.pos-c {
		top: 0px;
		left: 375px;
	}
	.pos-d {
		top: 0px;
		left: 555px;
	}
	.pos-e {
		top: 180px;
		left: 15px;
	}
	.pos-f {
		top: 180px;
		left: 195px;
	}
	.pos-g {
		top: 180px;
		left: 375px;
	}
	.pos-h {
		top: 180px;
		left: 555px;
	}
	.pos-i {
		top: 360px;
		left: 15px;
	}
	.pos-j {
		top: 360px;
		left: 195px;
	}
	.pos-k {
		top: 360px;
		left: 375px;
	}
	.pos-l {
		top: 360px;
		left: 555px;
	}
}
@media print, screen and (max-width: 767px) {
}


.thumbs {
	position: relative;
	margin: 70px -10px 20px 0;
}
.thumbs div {
	position: relative;
	/*
	margin: 0 0 12px 12px;
	width: 128px;
	height: 83px;
	*/
	margin: 0 0 10px 10px;
	width: 110px;
	height: 80px;
	overflow: hidden;
	float: left;
	cursor: pointer;
}
.thumbs div .more {
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	bottom: 0;
	right: 0;
}
.thumbs .sel {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
@media (min-width: 992px) and (max-width: 1199px) {
	.thumbs div {
		margin: 0 0 9px 12px;
		width: 103px;
		height: 70px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.thumbs div {
		margin: 0 0 10px 10px;
		width: 110px;
		height: 73px;
	}
	.slider-banner-fullwidth-big-height {
	}
}
@media print, screen and (max-width: 767px) {
	.thumbs {
		position: relative;
		margin: 0;
	}
	.thumbs div {
		margin: 15px 0 0 0;
		position: relative;
		width: 100%;
		height: auto;
	}
	/*
	.slider-banner-fullwidth-big-height {
		
	}
	*/
}
.photos .thumbs img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	margin: auto;
}

.main-p-blk {
	margin: 10px 0 20px 0;
	padding:20px 10px 0 0;
}
.main-p {
	display: none;
	height: 405px;
	overflow: hidden;
	position: relative;
	/*height: 340px;*/
}

.main-p .more {
	display: block;
	position: absolute;
	width: 110px;
	height: 110px;
	bottom: 0;
	right: 0;
}
.sub-blk {
	padding:20px 0 0 10px;
}
.main-comment {
	background: url('../images/comment-bg.png') no-repeat left top #f7f6ee;
	/*color: #2aa4a5;*/
	color: black;
	margin: 0 0 22px 10px;
	font-size: 125%;
	padding: 15px 20px;
}
.estate-info1 {
	padding-left: 0;
}
.estate-info2 {
	padding-right: 0;
}
.estate-info3 {
	padding-left: 0;
	padding-right: 0;
}
.estate-info1 h4, .estate-info2 h4 {
	color: #2aa4a5;
}

.estate-price {
	font-size: 150%;
	font-weight: bold;
}
.estate-price span {
	font-size: 70%;
}
.estate-name {
	clear: both;
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 10px;
	text-align: center;
	background: #fff;
	border-top: solid 1px #eee;
	border-bottom: solid 3px #eee;
}
.estate-name span {
	font-size: 80%;
	color: #2aa4a5;
}
.estate-name span.bold {
	font-size: 100%;
	font-weight: bold;
	color: black;
}
.estate-name span.price {
	font-size: 110%;
	font-weight: bold;
	color: black;
}
.estate-space {
	font-size: 20px;
	text-align: center;
	margin: 0 0 30px 0;
	padding: 10px;
	background: #f5f5f4;
}
.estate-space strong {
	font-size: 110%;
}
.estate-comment {
	font-size: 21px; 
	line-height: 1.5; 
	padding: 20px 0 0 0; 
	font-weight: bold; 
	color: #e97300; 
	text-align: center;
}
.detail-show {
	text-align: right;
}
.detail-hide {
	display: none;
	text-align: right;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.main-p {
		height: 345px;
	}
	.main-comment {
		font-size: 100%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.main-p-blk {
		margin: 0 0 0 0;
		padding:20px 0 0 0;
	}
	.main-p {
		height: 540px;
	}
	.sub-blk {
		padding:0;
	}
	.main-comment {
		clear: both;
		font-size: 140%;
		height: auto;
		margin: 0 0 0 10px;
	}
	.estate-info1 {
		padding: 10px 0 0 0;
	}
	.estate-info2 {
		padding: 0 0 10px 0;
	}
	.estate-name {
		font-size: 21px;
		padding: 10px !important;
	}
	.estate-comment {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.estate-view .detail {
		display: none;
	}
}
@media print, screen and (max-width: 767px) {
	.sub-blk {
		padding:0;
	}
	.main-comment {
		clear: both;
		font-size: 120%;
		height: auto;
		margin: 20px 0 0 0;
	}
	.estate-info1 {
		clear: both;
		padding: 10px 0 0 0;
	}
	.estate-info2 {
		padding: 0 0 10px 0;
	}
	.estate-name {
		font-size: 21px;
		padding: 10px !important;
		xbackground: #ffffeb;
		margin-bottom: 15px;
	}
	.estate-comment {
		font-size: 16px;
		text-align: left;
		margin-bottom: 15px;
	}
	.estate-view {
		margin: 5px 0 15px 0 !important;
	}
	.estate-view .detail {
		display: none;
	}
	.estate-info1 h4, .estate-info2 h4 {
		display: none;
	}
	table.estate-view th {
		padding: 3px 10px !important;
		font-size: 10pt;
		line-height: 1.3;
	}
	table.estate-view td {
		padding: 3px 10px !important;
		font-size: 12pt;
		line-height: 1.3;
	}
	
}

.logo {
	padding: 5px 0 0 0;
}
.header-phone-main {
	width: 200px;
	position: absolute;
	right: 0;
	top: 16px;
}
.header-phone {
	width: 280px;
	position: absolute;
	right: 0;
	top: 8px;
}
.top-catch {
	width: 500px;
	padding: 0;
}
.banner {
}
.banner-top {
	margin: 0 0 0 0;
	height: 300px !important;
}
.banner-mini {
	height: 260px !important;
}
.slideshow {
	height: 300px !important;
}
.slider-banner-container {
	height: 300px !important;
}
.tp-bannershadow {
	display: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.logo {
		padding: 10px 0 0 0;
	}
	.header-phone-main {
		width: 200px;
		position: absolute;
		right: 0;
		top: 18px;
	}
	.top-catch {
		width: 360px;
		padding: 10px 0 0 0;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#logo {
		padding: 8px 0 10px 0;
	}
	.logo {
		width:60%;
	}
	.header-phone-main {
		width: 210px;
		position: absolute;
		right: 0;
		top: 18px;
	}
	.header-phone {
		width: 250px;
		position: absolute;
		right: 0;
		top: 12px;
	}
	.estate-name {
		clear: both;
		margin: 15px 0;
		padding: 0 0 0 10px;
	}
}
@media print, screen and (max-width: 767px) {
	.logo {
		width:60%;
	}
	.header-phone-main {
		display: none;
	}
	.header-phone {
		width: 230px;
		position: absolute;
		right: 0;
		top: 10px;
	}
	.estate-name table {
		margin: 20px 0 0 0;
	}
	.top-catch {
		width: 360px;
		padding: 20px;
	}
}


.dark-translucent-bg:after {
	background-color: rgba(0, 0, 0, 0);
}


ul.information {
	height: 335px;
	overflow: scroll;
	list-style-type: none;
	padding: 10px 15px;
	background: #f9f9f1;
	margin-bottom: 30px;
}
ul.information li {
	margin-bottom: 5px;
}
@media (min-width: 992px) and (max-width: 1199px) {
	ul.information {
		height: 340px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	ul.information {
		height: 340px;
	}
}
@media (max-width: 767px) {
	ul.information {
		height: 340px;
		/* margin-right: 30px; */
	}
}

.search-box {
	border-bottom: solid 2px #ddd;
	padding-bottom: 10px;
	float: left;
	background: #fff;
}
.search-box select {
	margin-top: 15px;
	font-size: 120%;
}

.image-box .body h3 {
	font-size: 150% !important;
}
.image-box .body p {
	font-size: 100%;
}


.type_e { font-size: 12px; padding: 4px; font-weight: bold; color: #ffffff; background-color: #63c026; }
.type_l { font-size: 12px; padding: 4px; font-weight: bold; color: #ffffff; background-color: #e69d29; }
.type_m { font-size: 12px; padding: 4px; font-weight: bold; color: #ffffff; background-color: #517be5; }
.type_1 { font-size: 12px; padding: 4px; font-weight: bold; color: #ffffff; background-color: #aaa; }

a.bnr img, .main-img {
	border-radius: 10px;
}

.my-gallery {
	margin: 0 -5px 0 0 !important;
}
.my-gallery figure {
	padding: 0 5px 5px 0 !important;
}
.my-gallery figure.small {
	width: 20%;
}
.my-gallery figure.small a {
	display: block;
	height: 80px;
	overflow: hidden;
	position: relative;
}
.note {
	font-size: 80%;
	text-align: right;
}

@media screen and (max-width: 480px)  {
	.my-gallery figure.small a {
		height: 45px;
	}
}
@media  (min-width: 481px) and (max-width: 560px)  {
	.my-gallery figure.small a {
		height: 60px;
	}
}
@media  (min-width: 561px) and (max-width: 620px)  {
	.my-gallery figure.small a {
		height: 70px;
	}
}
@media print, screen and (max-width: 767px) {
	ul.information {
		height: 300px;
	}
	ul.information li {
		font-size: 80%;
	}
	.image-box .body h3 {
		font-size: 130%;
	}
	.image-box .body p {
		font-size: 90%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.my-gallery figure.small a {
		height: 90px;
	}
	.image-box .body h3 {
		font-size: 130%;
	}
	.image-box .body p {
		font-size: 90%;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.image-box .body h3 {
		font-size: 140%;
	}
	.image-box .body p {
		font-size: 100%;
	}
}


.privacy h2 {
	margin: 40px 0 20px 0;
}
@media (min-width: 992px) {
	.privacy h2.h2top {
		margin: 0 0 20px 0;
	}
}

.staff-name {
	font-size: 140%;
	font-weight: bold;
}

.gmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

</pre></body></html>