/*
Theme Name: Marine Heights（Ver2.1）
Theme URI: https://marine-heights.jp/
Author: the marine heights
Author URI: https://marine-heights.jp/
Description: 石地マリーンハイツテンプレート
Version: 2.1
License: Ishidi MarineHeights only.
License URI: 
Tags: 
Text Domain: MarineHeights
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, ins, kbd,
q, s, samp, small, strike, strong, sub, sup,
tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
	position: relative;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
a { outline:none !important; color:#666; text-decoration: none; }
a:focus { outline:none !important; color:#666; text-decoration:none; }
a:active { outline:none !important; color:#666; text-decoration:none; }
a:hover { color:#666; text-decoration:none; }
a:visit { color:#666; text-decoration:none;}
a {
	-webkit-transition:0.20s;
	        transition:0.20s;
}
a:hover {
	opacity:0.75;
}
address {
	margin-top:0;
}
b,strong,em,i,b {
	font-weight:700;
}
p {
	margin-bottom: 20px;
}
ul,ol {
	list-style: none;
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 0;
	width: 100%;
}
hr {
	border: none;
	border-top: 1px solid #002f98;
	height: 1px;
	margin:0;
}

/*-----------------------------------------------------------------------------------------
	body
-----------------------------------------------------------------------------------------*/
body {
	/*
	font-family:'Lucida Grande',
				'メイリオ',
				Meiryo,
				'Hiragino Kaku Gothic ProN',
				'ヒラギノ角ゴ ProN W3',
				sans-serif;
	*/
	font-family:YuMincho,
				'Yu Mincho',
				sans-serif;
	font-size:16px;
	line-height:180%;
	color:#333;
}
html, body {
	height:100%;
	width:100%;
	min-width: 960px;
	margin:0;
	padding:0;
}
main {
	position: relative;
	margin:-25px auto 0 auto !important;
}

/*-----------------------------------------------------------------------------------------
	header
-----------------------------------------------------------------------------------------*/
header {
	position:relative;
	clear:both;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
	z-index:10;
}
#header {
	position: relative;
	max-width:1100px;
	min-width: 960px;
	margin:0 auto;
	padding:20px 0 40px 0;
	display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
			align-items: center;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}

/*------------------------------ ロゴ ----------*/
#header h1 {
	position: relative;
	margin-left:20px;
}

/*------------------------------ グローバルナビ ----------*/
#gnav {
	position:relative;
	margin-right:20px;
}
#gnav ul {
	position:relative;
	display: -webkit-flex;
    display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	margin:0 auto;
	width:500px;
}
#gnav ul li {
	font-family:'Lucida Grande',
				'メイリオ',
				Meiryo,
				'Hiragino Kaku Gothic ProN',
				'ヒラギノ角ゴ ProN W3',
				sans-serif;
	position:relative;
	font-size: 16px;
	font-weight:700;
	line-height: 100%;
	width:125px;
	text-align:center;
}
#gnav ul li a {
	display: block;
	width:100%;
	line-height: 50px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#gnav ul li:first-child a.set {color:#3cc8c8;}
#gnav ul li:nth-child(2) a.set {color:#3eb55d;}
#gnav ul li:nth-child(3) a.set {color:#808acb;}
#gnav ul li:last-child a.set {color:#ff7836;}

/*-----------------------------------------------------------------------------------------
	フッター
-----------------------------------------------------------------------------------------*/
footer {
	font-family:'Lucida Grande',
				'メイリオ',
				Meiryo,
				'Hiragino Kaku Gothic ProN',
				'ヒラギノ角ゴ ProN W3',
				sans-serif;
	position: relative;
	background:#9de4e4;
	text-align: center;
	padding:35px 0 0 0;
	font-weight: 700;
	color:#000;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#footer {
	position: relative;
	max-width:1366px;
	min-width:960px;
	margin:0 auto;
}

/*------------------------------ フッターロゴ ----------*/
.logo-f {
	font-family:YuMincho,
				'Yu Mincho',
				sans-serif;
	margin-bottom:35px;
}
.logo-f span {
	color:#fff;
	font-size:35px;
	display: block;
	margin-top:15px;
}
.logo-f br {
	display: none;
}

/*------------------------------ グローバルナビ ----------*/
#fnav {
	position:relative;
	background:#000;
}
#fnav ul {
	position:relative;
	display: -webkit-flex;
    display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	margin:0 auto;
	width:750px;
}
#fnav ul li {
	position:relative;
	font-size: 16px;
	font-weight:700;
	line-height: 100%;
}
#fnav ul li a {
	display: block;
	width:100%;
	line-height: 50px;
	padding:0;
	color:#fff;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

/*------------------------------ 問い合わせ ----------*/
.contact {
	margin-bottom:30px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
			align-items: flex-end;
	-webkit-justify-content: center;
			justify-content: center;
}
.contact p.jimu span {
	display: block;
	font-size:20px;
}
.contact p {
	position: relative;
	margin:0 15px;
}
.contact p.tel {
	font-size:42px;
	font-weight: bold;
}
.contact p.tel:before {
	content:'TEL.';
	font-size:20px;
}
.more-contact {
	position: relative;
	background:#fff;
	text-align: center;
	width:270px;
	margin:0 auto 30px auto;
}
.more-contact a {
	display: block;
	color: #3cc8c8;
	line-height:45px;
	width:100%;
	height:100%;
}
/*------------------------------ コピーライト ----------*/
footer small {
	background: #fff;
	display: block;
	line-height: 45px;
	text-align: center;
	font-weight: normal;
}

/*------------------------------ ページトップ ----------*/
#pageUp {
	position:absolute;
	top:-30px;
	right:20%;
	width: 130px;
	line-height:30px;
	background:#9de4e4;
	text-align: center;
	color:#fff;
	font-size: 14px;
	padding-left:15px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#pageUp:before {
	position: absolute;
	content:'';
	top:13px;
	left:12px;
	width:10px;
	height:10px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform:rotate(-45deg);
			transform:rotate(-45deg);
}
#pageUp:hover {
  cursor: pointer;
}

/*------------------------------ フッター固定ボタン ----------*/
#fBtn {
	display: none;
}

/*-----------------------------------------------------------------------------------------
	トップページ
-----------------------------------------------------------------------------------------*/
#slider {
	position: relative;
	width:100%;
	min-width:960px;
	margin-bottom:100px;
}
.slide li img {
	width:100%;
	height:auto;
}

/*------------------------------ 石地マリーンハイツについて ----------*/

#profile {
	position: relative;
	margin:0 auto 100px;
	width:610px;
	text-align: center;
}
#profile:before {
	position: absolute;
	content:'';
	top:0;
	left:-350px;
	width:299px;
	height:464px;
	background: url(img/content/top/prof-l.jpg) 0 0 no-repeat;
}
#profile:after {
	position: absolute;
	content:'';
	top:0;
	right:-350px;
	width:331px;
	height:473px;
	background: url(img/content/top/prof-r.jpg) 0 0 no-repeat;
}
#profile h1 {
	/* font-family: 'Noto Sans JP', sans-serif; */
	color:#3cc8c8;
	line-height: 130%;
	font-size:50px;
	margin-bottom: 30px;
}
#profile h1 span {
	display: block;
	font-size: 25px;
}
#profile p {
	font-size: 16px;
	line-height: 250%;
	color:#333;
}

/*------------------------------ コンテンツボタン ----------*/
.list-content {
	display: -webkit-flex;
    display: flex;
	-webkit-justify-content: space-between;
			justify-content: space-between;
	margin:0 auto 100px auto;
	max-width:1366px;
	min-width:960px;
}
.list-content li {
	width:23%;
}
.list-content li img {
	width:100%;
	height:auto;
}

/*------------------------------ リンク ----------*/
.bx-bnr {
	background:#b6b6b6;
	padding:50px 0;
}
.link {
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
	-webkit-justify-content: center;
			justify-content: center;
	margin:0 auto;
	width:770px;
}
.link li {
	width:30%;
	margin:0 1.5% 3% 1.5%;
	border:1px solid #767676;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.link li img {
	width:100%;
	height:auto;
}

/*-----------------------------------------------------------------------------------------
	下層ページ
-----------------------------------------------------------------------------------------*/
article {
	font-family:'Lucida Grande',
				'メイリオ',
				Meiryo,
				'Hiragino Kaku Gothic ProN',
				'ヒラギノ角ゴ ProN W3',
				sans-serif;
	position: relative;
	clear:both;
	overflow:hidden;
	padding:60px 0;
}
article:after {
	position: absolute;
	content:'';
	top:500px;
	left:0;
	width:100%;
	height:2000px;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 5%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 5%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
	z-index:0;
}
.content {
	position: relative;
	margin: 0 auto;
	background:#fff;
	max-width:1024px;
	min-width:960px;
	padding:50px 120px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	z-index: 1;
}
.content h1 {
	position: relative;
	margin: 0 auto 40px auto;
	text-align: center;
	font-family:YuMincho,
				'Yu Mincho',
				sans-serif;
	font-size: 40px;
}
.attention {
	position: relative;
	padding-left:20px;
}
.attention:before {
	position: absolute;
	content:'※';
	top:0;
	left:0;
}
.notFound {
	text-align: center;
	padding:200px 0;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

/*-----------------------------------------------------------------------------------------
	周辺環境ページ
-----------------------------------------------------------------------------------------*/
#kankyo {
	text-align: center;
	background:url(img/slider/s01.jpg) 50% 0 no-repeat;
}
.ic-btn {
	display: inline-block;
	padding-left: 30px;
	background: url(img/content/kankyo/ic-btn.png) 0 50% no-repeat;
}
.ic-link {
	display: inline-block;
	padding-left: 30px;
	font-weight: 700;
	font-size:20px;
	color:#2b388c;
	text-decoration: underline;
	background: url(img/content/kankyo/ic-btn.png) 0 50% no-repeat;
}
#aroundmap {
	margin-bottom: 10px;
}

/*-----------------------------------------------------------------------------------------
	管理組合ページ
-----------------------------------------------------------------------------------------*/
#kanri {
	background:url(img/slider/s03.jpg) 50% 0 no-repeat;
}
#kanri section h2 {
	position: relative;
	background:#808acb;
	color:#fff;
	line-height:100% !important;
	padding:10px 15px 7px 15px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#kanri section dl dt {
	color:#808acb;
	font-weight:700;
}
#kanri section dl dd {
	margin-bottom: 30px;
}
#kanri table {
	border-left:1px solid #808acb;
	border-top:1px solid #808acb;
	table-layout: fixed;
	margin-bottom:50px;
}
#kanri table th,
#kanri table td {
	padding: 10px 5px;
	font-size: 15px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#kanri table th {
	background:#e6e8f5;
	font-weight:700;
	border-right:1px solid #808acb;
	border-bottom:1px solid #808acb;
}
#kanri table td {
	background:#fff;
	text-align:center;
	border-right:1px solid #808acb;
	border-bottom:1px solid #808acb;
}
#kanri table th.line {
	position: relative;
	clear:both;
	overflow:hidden;
}
#kanri table th.line:after {
	position: absolute;
	content:'';
	top:50%;
	left:-25%;
	border-top:1px solid #808acb;
	width:150%;
	-webkit-transform:rotate(-17.5deg);
			transform:rotate(-17.5deg);
}

/*-----------------------------------------------------------------------------------------
	アクセスページ
-----------------------------------------------------------------------------------------*/
#access {
	background:url(img/slider/s04.jpg) 50% 0 no-repeat;
}
#access section h2 {
	position: relative;
	background:#ff7836;
	color:#fff;
	line-height:100% !important;
	padding:10px 15px 7px 15px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#access iframe {
	width:100%;
	height: 400px;
	margin-bottom:50px;
}
#map {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
			align-items: center;
	-webkit-justify-content: space-between;
			justify-content: space-between;
}

/*-----------------------------------------------------------------------------------------
	物件情報ページ
-----------------------------------------------------------------------------------------*/
#bukken {
	background:url(img/slider/s02.jpg) 50% 0 no-repeat;
}
#bukken section h2 {
	position: relative;
	background:#3eb55d;
	color:#fff;
	line-height:100% !important;
	padding:10px 15px 7px 15px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#bukken table {
	border-left:1px solid #3eb55d;
	border-top:1px solid #3eb55d;
	table-layout:auto;
	margin-bottom:50px;
}
#bukken table th,
#bukken table td {
	padding: 10px 13px;
	font-size: 15px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#bukken table th {
	background:#d8f0df;
	font-weight:700;
	width:20%;
	border-right:1px solid #3eb55d;
	border-bottom:1px solid #3eb55d;
}
#bukken table td {
	background:#fff;
	width:80%;
	border-right:1px solid #3eb55d;
	border-bottom:1px solid #3eb55d;
}
#bukkenWrap {
position:relative;
	clear:both;
	overflow:hidden;
	margin:50px auto;
	text-align:center;
	width:100%;
}
#bukkenWrap img {
	margin:0 auto 30px auto;
	display: block;
	max-width: 100%;
	width: auto;
}
#bukkenWrap p {
	margin:0 auto 50px auto;
	text-align: center;
}
.bukkenMain {
	position: relative;
	clear:both;
	overflow: hidden;
	margin: 50px auto !important;
	background:#fff;
	width:960px !important;
	padding:50px 20px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	z-index: 1;
}
.bukken-desc {
	margin:30px auto;
	text-align:center;
}
a.link_kukaku {
 display: block ;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 text-indent:-999px;
 background/*\**/: #fff\9;
 filter:alpha(opacity=0);
 z-index:9999;
}

/*-----------------------------------------------------------------------------------------
	区画図ページ
-----------------------------------------------------------------------------------------*/
#kukakuzu {
	background:url(img/slider/s02.jpg) 50% 0 no-repeat;
}
.kukakuzu-detail {
	margin:50px auto;
}
.kukakuzu-detail p {
	margin:0 auto 20px auto;
}
.kukakuzu-detail table {
	border-left:1px solid #3eb55d;
	border-top:1px solid #3eb55d;
	table-layout:fixed;
}
.kukakuzu-detail table th,
.kukakuzu-detail table td {
	padding: 10px 13px;
	font-size: 15px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.kukakuzu-detail table th {
	background:#d8f0df;
	font-weight:700;
	border-right:1px solid #3eb55d;
	border-bottom:1px solid #3eb55d;
}
.kukakuzu-detail table td {
	background:#fff;
	border-right:1px solid #3eb55d;
	border-bottom:1px solid #3eb55d;
}

/*-----------------------------------------------------------------------------------------
	お問い合わせページ
-----------------------------------------------------------------------------------------*/
#inquiry {
	background:#e2f7f7;
}
#inquiry section h2 {
	position:relative;
	background:#3cc8c8;
	color:#fff;
	line-height:100% !important;
	padding:10px 15px 7px 15px;
	margin-bottom: 20px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.tel {
	display:inline-block;
	margin-right:25px;
}

#inquiryWrap {
	width:500px;
	margin:0 auto;
	display: block;
}
#inquiry table {
	position:relative;
	border-top:1px solid #000;
	border-left:1px solid #000;
	width:500px;
}
#inquiry table th,
#inquiry table td {
	padding:10px;
	font-size: 14px;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
#inquiry table th {
	width: 35%;
}
#inquiry table td {
	width: 65%;
}
#inquiry table td input[type="text"],
#inquiry table td input[type="email"] {
	width:100%;
	height: 45px;
	line-height: 45px;
	padding:0 10px;
	display: inline-block;
	background:#fff;
	font-size: 16px;
	border:1px solid #999;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#inquiry table td textarea {
	display: block;
	width:100%;
	min-height: 200px;
	padding:10px;
	border:1px solid #999;
	font-size: 16px;
	border-radius: 0;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
#inquiryWrap input[type="submit"] {
	width:150px;
	margin:30px auto 30px auto;
	text-align: center;
	display:block;
	font-size:15px;
	background:#fff;
	border:1px solid #000;
	line-height:40px;
	letter-spacing:1px;
	-webkit-appearance: button;
  			appearance: button;
}
#inquiryWrap input[type="submit"]:hover {
	opacity: 0.70;
	cursor: pointer;
}
#submit::-webkit-search-decoration,
#button::-webkit-search-decoration {
	display: none;
}
.error {
	display: block;
	margin:10px 0 0 0;
	color:#ff0000;
}
.err {
	color:#ff0000;
}
#inquiry ul {
	margin-bottom:20px;
}
#inquiry ul li {
	margin-left:25px;
	list-style:disc;
}
.inquiryBox {
	border:3px dotted #333;
	padding:15px;
	width:420px;
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.inquiryBox span {
	display:block;
	color:#896e2e;
	font-weight:700;
	font-size: 18px;
}

/*-----------------------------------------------------------------------------------------
	サイトマップページ
-----------------------------------------------------------------------------------------*/
#sitemap {
	background:#e2f7f7;
}
#sitemap ul {
	margin:0;
}
#sitemap ul li {
	position: relative;
	margin:0 0 10px 0;
	background: #efefef;
}
#sitemap ul li a {
	display: block;
	padding:15px 15px 15px 35px;
	width:100%;
	height:100%;
}
#sitemap ul li a:before {
	position: absolute;
	content:'';
	top:50%;
	left:10px;
	width:7px;
	height:7px;
	margin-top:-5px;
	border-top:2px solid #555;
	border-right:2px solid #555;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}