@charset "UTF-8";
/*
以和貴マンション須賀町
*/

/* LAYOUT */
body,html{ margin:0; padding:0; color: #4d4d4d;}
article{ margin:0;}

/* table */
.table{ width:100%; border-collapse: separate; border-spacing: 0.5em 0.5em;}
.table th,.table td{ margin:0; padding:1.5em 1.7em; font-weight:normal;  }
.table th{ white-space:nowrap; color:#595757; font-weight: normal; text-align: left;}
.table th>*:first-child,.table td>*:first-child{ margin-top:0;}

.table-bordered{ border:1px #a8a8a8; border-style:dotted none none dotted;}
.table-bordered th,.table-bordered td{ border:solid 1px #a8a8a8; border-style:none dotted dotted none;}

.table-cell-center th,.table-cell-center td{ text-align:center;}
.table-vertical th,.table-vertical td{ vertical-align:middle;}
.table-form th,.table-form td{ vertical-align:middle;}

.table-condence th,.table-condence td{padding:0.8em 1.7em;}

/* list */
dl.dl{ margin-top:10px; font-size:93%;}
dl.dl dt{ margin:0; font-weight:bold;}
dl.dl dd{ margin:0 0 0 1.5em;}
ul{}
.ul-condense li,.ol-condense li{ margin-top:0;}
.ul li{ list-style-type:disc !important; margin-left:2.0em; margin-top:5px; line-height:1.5;}
.ol li{ list-style-type:decimal !important; margin-left:2.0em; margin-top:5px; line-height:1.5;}

/* block */
section.section{ margin-top:0;}

/* items */
.items{
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.items .image{ margin: 1.0em 0 0 0;}
.items .title{ margin: 0.5em 0 0 0; color: #A08B36;}
.items p{ margin:0.5em 0 0 0; font-size:86%; line-height: 1.5;}
@media screen and ( max-width: 480px ) {
	.items .title{ font-size:93%;}
	.items .text{ font-size:73%;}
}



/* title */
.page-title-sub{ color:#333333; text-align: center;}
.page-title{ 
	color: #A08B36; font-size: 200%; font-weight: normal; text-align: center;
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.page-title-sub+.page-title{ margin-top:0;}
.section-title{ font-size:180%; color: #A08B36; line-height: 1.5; font-weight: 200; border-bottom: solid 1px #A08B36; font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.section-title+.section-title-sub{ margin: 0; font-size:100%; color: #000000; line-height: 1.5;}

.section-title-sub{ color: #A08B36; text-decoration: underline;}
.section-title{ border-bottom: none;}
.text-copy{ font-size:108%;}

.article-title{ color:#2c2c2c; font-size:128%;}
@media only screen and (max-width:480px){
  .section-title{ font-size:150%;}
}

/* text */
.text-attention,text-alert{ color:#a94442;}
.text-center{ text-align:center;}
.text-right{ text-align:right;}
.text-caption{ font-size:85%;}
.text-active{ color:#a94442; font-weight:bold;}
.text-copy{ font-size:128%; font-weight: 400; line-height: 2.0;}
.text-mincho{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.text-red{ color: #A62126;}

/* shadow */
.shadow-text{ text-shadow: 1px 1px 7px #a8a8a8;}
.block-shadow{ box-shadow: 3px 3px 2px rgba(0,0,0,0.3);}

/* image */
.image{ display:block;}
.image img{ display:block; margin:0; padding:0; width:100%; height:auto;}
.image-left{ float:left; margin-right:1.0em;}
.image-right{ float:right; margin-left:1.0em;}
.image-center{ display:block; margin-left: auto !important; margin-right: auto !important;}
.image-shadow{ box-shadow: 3px 3px 2px rgba(0,0,0,0.3);}
.image-1609{ display:block; padding:56.25% 0 0 0; position:relative; overflow:hidden; background:#000000; }
.image-1609 img{ display:block; margin:auto; padding:0; width:100%; height:auto; position:absolute; top:0; right:0; bottom:0; left:0;}
.image-0302{ padding:66.6666% 0 0 0; position:relative; overflow:hidden; background:#000000; }
.image-0302 img{ display:block; margin:auto; padding:0; width:100%; height:auto; position:absolute; top:0; right:0; bottom:0; left:0;}
.image-contain{}
.image-contain img{ display:block; margin:auto; padding:0; width:auto !important; height:auto !important; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0;}
.image-text{ position:relative;}
.image-text img{ display:block;  width:100%; height:auto;}
.image-text span{ display:block; color:#000000; padding:0.2em 0.5em; width:100%; position:absolute; bottom:0; font-size:86%;
font-family: 'Noto Sans JP','游ゴシック', YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", arial, helvetica, sans-serif;}
.image-border{ border:solid 1px #a8a8a8;}


/* well */

.well{ background:#f9f9f9; padding:7px 15px 7px 15px; border-radius:4px; border:solid 1px #D9D9D9; color:#222222;}
.well>*:first-child{ margin-top:0;}
.well-primary{ background:#d9edf7; border-color:#337ab7; color:#337ab7;}
.well-success{ background:#dff0d8; border-color:#C0CEB4; color:#3c763d;}
.well-info{ background:#d9edf7; border-color:#B7D1D6; color:#31708f;}
.well-warning{ background:#fcf8e3; border-color:#DCD4C1; color:#8a6d3b;}
.well-danger{ background:#f2dede; border-color:#D0BBBF; color:#a94442;}
.well-draft{ background:#CC0000; color:#FFFFFF;; border-color:#FF0000; text-align:center; font-weight:bold; padding-top:40px; padding-bottom:40px;}


/* btn */

.btn{ 
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
	padding:7px 20px; text-align:center; cursor:pointer; background:#FFFFFF; display:inline-block; color:#333333; 
	font-weight:normal; vertical-align: middle; white-space:normal;  touch-action: manipulation; text-decoration:none !important; line-height:1.5;}
input.btn{  -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.btn:hover,.btn:focus{ filter: hue-rotate(-20deg);}
.btn-primary{ background:#00A0DA; color:#FFFFFF;}
.btn-primary:hover,.btn-primary:focus{ background-color:#0D6ECD;}
.btn-success{ background:#5cb85c; border-color:#479E44; color:#FFFFFF;}
.btn-info{ background:#5bc0de; border-color:#47A6C7; color:#FFFFFF;}
.btn-warning{ background:#f0ad4e; border-color:#DB933A; color:#FFFFFF;}
.btn-danger{ background:#d9534f; border-color:#BF393A; color:#FFFFFF;}
.btn-block{ display:block;}
.btn-navi{ display:inline-block;  background:#337ab7; border-color:#255C9B; color:#FFFFFF;}
.btn-block{ display:block; width: 100%;}
.btn-large{ font-size: 143%; padding: 17px 60px;}
.btn-form{ background:#00A29A; border-color:#95989A; color:#FFFFFF; border-radius: 4px;}
.btn-contact{ display:inline-block; color: #FFFFFF; text-align: center; color: #FFFFFF; padding: 0.5em 2.5em; font-size: 150%; font-weight: 300;
background: #791719;
background: -moz-linear-gradient(top, #791719 0%, #400c0e 100%); 
background: -webkit-linear-gradient(top, #791719 0%,#400c0e 100%); 
background: linear-gradient(to bottom, #791719 0%,#400c0e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#791719', endColorstr='#400c0e',GradientType=0 ); 
}
.btn-contact span{ display:block; font-size:50%;}
.btn-reserve{ display:inline-block; color: #FFFFFF; text-align: center; color: #FFFFFF;
background: #5a6e8c;
background: -moz-linear-gradient(top, #5a6e8c 0%, #142f5a 100%);
background: -webkit-linear-gradient(top, #5a6e8c 0%,#142f5a 100%);
background: linear-gradient(to bottom, #5a6e8c 0%,#142f5a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a6e8c', endColorstr='#142f5a',GradientType=0 );
}
.btn-download{ background:#000000; color: #FFFFFF; border:none;}

/* LABEL */
.label{ padding:10px 10px; text-align:center; background:#FFFFFF; border:solid 1px #CCCCCC; display:inline-block; color:#333333; border-radius:5px; font-weight:normal; vertical-align: middle; white-space:normal;  touch-action: manipulation; text-decoration:none !important; line-height:1.5;}
.label-primary{ background:#0073BD; border-color:#95B3DE; color:#FFFFFF;}
.label-success{ background:#5cb85c; border-color:#479E44; color:#FFFFFF;}
.label-info{ background:#5bc0de; border-color:#47A6C7; color:#FFFFFF;}
.label-warning{ background:#f0ad4e; border-color:#DB933A; color:#FFFFFF;}
.label-danger{ background:#d9534f; border-color:#BF393A; color:#FFFFFF;}
.label-block{ display:block;}
.label-navi{ display:inline-block;  background:#337ab7; border-color:#255C9B; color:#FFFFFF;}


/* link */
.link{ text-decoration:underline; color:#00A0E9;}
.link-navi,.link-doc,.link-out { padding-left:20px; background:url(../img/com-fc-navi01.png) no-repeat left center;}
/*.link-doc,.link-out { padding-left:20px; background:url(../img/com-ic-linkdoc.png) no-repeat left center;}*/
.link-doc[href$=".xls"],.link-doc[href$=".xlsx"]{ background-image:url(../img/icon-file-excel.png);}
.link-doc[href$=".doc"],.link-doc[href$=".docx"]{ background-image:url(../img/icon-file-word.png);}
.link-doc[href$=".pdf"]{ background-image:url(../img/icon-file-pdf.png);}
.link-doc[href$=".zip"]{ background-image:url(../img/icon-file-zip.png);}



/* form */
form{ margin:0; padding:0;}
input[type="text"],input[type="password"],input[type="email"],input[type="date"],input[type="time"],input[type="tel"],input[type="number"]{ margin-top:0; width:100%; padding:10px 10px; border:solid 1px #a8a8a8; border-radius:3px; font-size: 114%;}
input[type="date"],input[type="time"],input[type="number"]{ width:auto;}
input[type="number"]{ text-align:right;}
input[type="checkbox"]{ margin:0 10px 0 0; font-size: 114%;}
input[type="radio"]{ margin:0 10px 0 0; font-size: 114%;}
select{ -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select{ margin-top:0; padding:10px 40px 10px 10px; border:solid 1px #a8a8a8; border-radius:3px;
	 background: #FFFFFF url(../img/ic-select.png) no-repeat right 10px center; font-size: 114%;
	}
label{ display:inline; margin-right:20px;}

textarea{ width:100%; height:150px; padding:10px; border:solid 1px #a8a8a8; border-radius:4px;}
.width-auto{ width:auto !important;}
.form .require{ line-height:1.5; padding: 0.3em 0.5em; font-size: 93%; background: #CC0000; color: #FFFFFF; white-space: nowrap;}
.form .optional{ line-height:1.5; padding: 0.3em 0.5em; font-size: 93%; background: #CCCCCC; color: #FFFFFF; white-space: nowrap;}
.form .error{ margin-top:0.5em;}
.form .error span{ line-height:1.5; background: #CC0000; color: #FFFFFF; padding: 7px 20px; font-size: 85%; font-weight: bold;}
input.search_keyword{ padding:17px 10px;}
.form select::-ms-expand {
    display: none;
}

/* block */


/* youtube */
.youtube{ padding:56.25% 0 0 0; position:relative;}
.youtube iframe{ margin:auto; padding:0; width:100%; height:100%; position:absolute; top:0; left:0;}

/* google map */
.gmapWrapper{ display:block; padding-top:56.25%; border:solid 1px #CCCCCC; background:#CCCCCC; position:relative;}
.gmapWrapper-square{ padding-top:100%;}
.gmap *{ margin:0; padding:0;}
.gmap label { width: auto; display:inline;}
.gmap img { max-width: none;}
.gmap{ display:block; margin:0; padding:0; position:absolute; top:0; left:0; width:100%; height:100%; background:#FFFFFF;}

/* prettyPhoto */
.pp_pic_holder,.pp_pic_holder *{ margin:0; padding:0;}

/* entry pagert */
.pager{ margin-top:40px; padding: 40px 0 0 0; border-top:dotted 1px #666666;}
.pager *{ margin-top:0;}
.pager li { width:45%;}
.pager li a{ display:inline-block; padding:4px 10px; background:#333333;  color:#FFFFFF;}
.pager li.previous{ float:left;}
.pager li.next{ float:right; text-align:right;}

/* blog pagenate */
.pagenate{ margin:40px 0 0 0; padding:40px 0 0 0; text-align:center; border-top:dotted 1px #666666;}
.pagenate *{ margin:0; padding:0; line-height:1.5;}
.pagenate li{ display:inline-block; border:solid 1px #CCCCCC;}
.pagenate li a,.pagenate li span{ display:block; padding:3px 8px;}
.pagenate li span{ background:#333333; color:#FFFFFF; font-weight:bold;}

/* google custom search */
.cse-wrapper{}
.cse-wrapper *{ margin:0; padding:0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.cse-wrapper label { width: auto; display:inline;}
.cse-wrapper img { max-width: none;}

/* fb-root */
#fb-root{ display:none;}

.fancybox-container,
.fancybox-container *{ margin-top:0;}


.font-mincho {
	font-family: 'Noto Serif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
}