@charset "UTF-8";
/* Reset Style */
html { overflow-y: scroll; }

body { line-height: 1; color: #000; }

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; }

font { margin: 0; padding: 0; outline: 0; }

body { line-height: 1; }

ul, menu { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

hr { margin: 0px; padding: 0px; }

img, input { vertical-align: bottom; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
body { font: 15px/1.231 arial,helvetica,clean,sans-serif; *font-size: small; *font: x-small; }

select, input, button, textarea { font: 99% arial,helvetica,clean,sans-serif; }

table { font-size: inherit; font: 100%; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; }

.imgHover img:hover { opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; }

#page-head, #page-content, .cf { *zoom: 1; }
#page-head:after, #page-content:after, .cf:after { content: "."; visibility: hidden; clear: both; display: block; height: 0; line-height: 0; font-size: 0; }

a.btn01, a.btn02, a.btn03, .page-top a, #houseInformation h2, #houseInformation dl, #houseInformation dl dd ul li { display: inline-block; *display: inline; *zoom: 1; }

#nav-main ul li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#page-contacts-box dl dd ul li { overflow: hidden; text-indent: 100%; white-space: nowrap; }

input[type="submit"], button, .btn01:hover, .btn02:hover, .btn03:hover { cursor: pointer; }

.fw-bold{ font-weight: bold !important; }
/*2022/12/09追加*/
.th_rowspan2-align{ vertical-align: middle;}
.clearFix::after{ content: ''; display: block; clear: both;}
.td-detail,.td-dlContact-dt{ float: left;}
.td-dlContact,.td-dlContact-dd{ float: right;}
.td-dlContact-dd{ text-align: right; padding-left: 1em;}
.verandahInfo th{ padding: .5em 0;}
.subcopyTxt{ margin-top: 1.2em;}
.largeFont{ font-size: 18px;}
@media(max-width: 589px){
  .td-detail,.td-dlContact-dt{ float: unset;}
  .td-dlContact,.td-dlContact-dd{ float: unset;}
  .td-dlContact-dd{ text-align: unset; padding-left: unset;}
  .tr_spHidden{ display: none;}
}

@font-face { font-family: 'base'; src: url("fonts/base.eot?rshu5f"); src: url("fonts/base.eot?#iefixrshu5f") format("embedded-opentype"), url("fonts/base.woff?rshu5f") format("woff"), url("fonts/base.ttf?rshu5f") format("truetype"), url("fonts/base.svg?rshu5f#base") format("svg"); font-weight: normal; font-style: normal; }
.icon:before, #nav-main ul li a:before, #page-contacts-box dl dd ul li:before, .icon:after, #nav-main ul li a:after, #page-contacts-box dl dd ul li:after, [class^="icon-"], [class*=" icon-"] { font-family: 'base'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; width: 1.25em; text-align: center; letter-spacing: 0; vertical-align: middle; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-search:before { content: "\f002"; }

.icon-envelope-o:before { content: "\f003"; }

.icon-user:before { content: "\f007"; }

.icon-check:before { content: "\f00c"; }

.icon-times:before { content: "\f00d"; }

.icon-search-plus:before { content: "\f00e"; }

.icon-search-minus:before { content: "\f010"; }

.icon-home:before { content: "\f015"; }

.icon-lock:before { content: "\f023"; }

.icon-tag:before { content: "\f02b"; }

.icon-photo:before { content: "\f03e"; }

.icon-share-square-o:before { content: "\f045"; }

.icon-check-square-o:before { content: "\f046"; }

.icon-chevron-left:before { content: "\f053"; }

.icon-chevron-right:before { content: "\f054"; }

.icon-chevron-up:before { content: "\f077"; }

.icon-chevron-down:before { content: "\f078"; }

.icon-shopping-cart:before { content: "\f07a"; }

.icon-camera-retro:before { content: "\f083"; }

.icon-external-link:before { content: "\f08e"; }

.icon-square-o:before { content: "\f096"; }

.icon-twitter:before { content: "\f099"; }

.icon-facebook:before { content: "\f09a"; }

.icon-navicon:before { content: "\f0c9"; }

.icon-google-plus:before { content: "\f0d5"; }

.icon-comment-o:before { content: "\f0e5"; }

.icon-angle-left:before { content: "\f104"; }

.icon-angle-right:before { content: "\f105"; }

.icon-angle-up:before { content: "\f106"; }

.icon-angle-down:before { content: "\f107"; }

.icon-ellipsis-v:before { content: "\f142"; }

.icon-share-alt:before { content: "\f1e0"; }

.icon-phone:before { content: "\e606"; }

.icon-mobile:before { content: "\e600"; }

/*----------------------------------------------------
	element style
----------------------------------------------------*/
body { color: #333; font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; letter-spacing: 1px; line-height: 1.4; }

input, select, option, textarea { font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

* html body, * html input, * html select, * html option, * html textarea { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

a, a * { -webkit-transition-property: color, border-color, opacity; -webkit-transition-duration: .3s; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: color, border-color, opacity; -moz-transition-duration: .3s; -moz-transition-timing-function: ease-in-out; -ms-transition-property: color, border-color, opacity; -ms-transition-duration: .3s; -ms-transition-timing-function: ease-in-out; -o-transition-property: color, border-color, opacity; -o-transition-duration: .3s; -o-transition-timing-function: ease-in-out; transition-property: color, border-color, opacity; transition-duration: .3s; transition-timing-function: ease-in-out; }

a { color: #369; }
a:link { color: #369; text-decoration: none; }
a:visited { color: #4080bf; }
a:hover { color: #3973ac; text-decoration: underline; }
a:active { color: #d00; }

::-moz-selection { background-color: #6c9bd2; color: #fff; }

::selection { background-color: #6c9bd2; color: #fff; }

.zoomIn, a[href$=".gif"] img, a[href$=".png"] img, a[href$=".jpg"] img, a[href$=".jpeg"] img, a[href$=".bmp"] img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -ms-zoom-in; cursor: -o-zoom-in; cursor: zoom-in; }

.hide { display: none; }

.mt0 { margin-top: 0px !important; }

.mb0 { margin-bottom: 0px !important; }

.pt0 { padding-top: 0px !important; }

.pb0 { padding-bottom: 0px !important; }

.p0 { padding: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.p5 { padding: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.p10 { padding: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.pt15 { padding-top: 15px !important; }

.pb15 { padding-bottom: 15px !important; }

.p15 { padding: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.pt20 { padding-top: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.p20 { padding: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.pt25 { padding-top: 25px !important; }

.pb25 { padding-bottom: 25px !important; }

.p25 { padding: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.pt30 { padding-top: 30px !important; }

.pb30 { padding-bottom: 30px !important; }

.p30 { padding: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.pt35 { padding-top: 35px !important; }

.pb35 { padding-bottom: 35px !important; }

.p35 { padding: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.pt40 { padding-top: 40px !important; }

.pb40 { padding-bottom: 40px !important; }

.p40 { padding: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mb45 { margin-bottom: 45px !important; }

.pt45 { padding-top: 45px !important; }

.pb45 { padding-bottom: 45px !important; }

.p45 { padding: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.pt50 { padding-top: 50px !important; }

.pb50 { padding-bottom: 50px !important; }

.p50 { padding: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mb55 { margin-bottom: 55px !important; }

.pt55 { padding-top: 55px !important; }

.pb55 { padding-bottom: 55px !important; }

.p55 { padding: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.pt60 { padding-top: 60px !important; }

.pb60 { padding-bottom: 60px !important; }

.p60 { padding: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mb65 { margin-bottom: 65px !important; }

.pt65 { padding-top: 65px !important; }

.pb65 { padding-bottom: 65px !important; }

.p65 { padding: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mb70 { margin-bottom: 70px !important; }

.pt70 { padding-top: 70px !important; }

.pb70 { padding-bottom: 70px !important; }

.p70 { padding: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mb75 { margin-bottom: 75px !important; }

.pt75 { padding-top: 75px !important; }

.pb75 { padding-bottom: 75px !important; }

.p75 { padding: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.pt80 { padding-top: 80px !important; }

.pb80 { padding-bottom: 80px !important; }

.p80 { padding: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mb85 { margin-bottom: 85px !important; }

.pt85 { padding-top: 85px !important; }

.pb85 { padding-bottom: 85px !important; }

.p85 { padding: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mb90 { margin-bottom: 90px !important; }

.pt90 { padding-top: 90px !important; }

.pb90 { padding-bottom: 90px !important; }

.p90 { padding: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mb95 { margin-bottom: 95px !important; }

.pt95 { padding-top: 95px !important; }

.pb95 { padding-bottom: 95px !important; }

.p95 { padding: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mb100 { margin-bottom: 100px !important; }

.pt100 { padding-top: 100px !important; }

.pb100 { padding-bottom: 100px !important; }

.p100 { padding: 100px !important; }

.fr, .imgR { float: right; margin-left: 10px; }

.fl, .imgL { float: left; margin-right: 10px; }

.imgC, .tC { text-align: center; }

.imgC { display: block; margin-left: auto; margin-right: auto; }

.tL { text-align: left !important; }

.tR { text-align: right !important; }

.clr { clear: both; }

.description { font-size: 93%; color: #666; letter-spacing: 0; }

.color-attention, em { color: #d00; }

.box40 { width: 40px; }

.box50 { width: 50px; }

.box60 { width: 60px; }

.box70 { width: 70px; }

.box80 { width: 80px; }

.box90 { width: 90px; }

.box100 { width: 100px; }

.box110 { width: 110px; }

.box120 { width: 120px; }

.box130 { width: 130px; }

.box140 { width: 140px; }

.box150 { width: 150px; }

.box160 { width: 160px; }

.box170 { width: 170px; }

.box180 { width: 180px; }

.box190 { width: 190px; }

.box200 { width: 200px; }

.box210 { width: 210px; }

.box220 { width: 220px; }

.box230 { width: 230px; }

.box240 { width: 240px; }

.box250 { width: 250px; }

.box260 { width: 260px; }

.box270 { width: 270px; }

.box280 { width: 280px; }

.box290 { width: 290px; }

.box300 { width: 300px; }

.box310 { width: 310px; }

.box320 { width: 320px; }

.box330 { width: 330px; }

.box340 { width: 340px; }

.box350 { width: 350px; }

.box360 { width: 360px; }

.box370 { width: 370px; }

.box380 { width: 380px; }

.box390 { width: 390px; }

.box400 { width: 400px; }

.box410 { width: 410px; }

.box420 { width: 420px; }

.box430 { width: 430px; }

.box440 { width: 440px; }

.box450 { width: 450px; }

.box460 { width: 460px; }

.box470 { width: 470px; }

.box480 { width: 480px; }

.box490 { width: 490px; }

.box500 { width: 500px; }

textarea, input, select { margin: 1px; padding: 3px; }

input[type="text"], input[type="password"], select, textarea { border: 1px solid #ddd; border-radius: 3px; background-color: #fbfbfb; box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset; }

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { border-color: #aaa; background-color: #fefefe; }

::-webkit-input-placeholder { color: #999; }

:-moz-placeholder { color: #999; }

:-ms-input-placeholder { color: #999; }

.placeholder { color: #999; }

/* button */
.btn01, .btn02, .btn03 { border-radius: 4px; }

a.btn01, a.btn02, a.btn03 { padding: .5em 1em .4em; text-decoration: none !important; }

input.btn01, input.btn02, input.btn03 { padding: .3em .8em .2em; }

.btnL { padding: .6em 3em .5em !important; font-size: 108%; }

.btnS { padding: .1em .3em 0 !important; font-size: 85%; }

.btn01 { border: solid 1px #bbb; background-color: #fff; color: #333 !important; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjxzdG9wIG9mZnNldD0iMiUiIHN0b3AtY29sb3I9IiNlZGVkZWQiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e6e6e6), color-stop(2%, #ededed), color-stop(40%, #f6f6f6), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(bottom, #e6e6e6, #ededed 2%, #f6f6f6 40%, #ffffff); background-image: -webkit-linear-gradient(bottom, #e6e6e6, #ededed 2%, #f6f6f6 40%, #ffffff); background-image: linear-gradient(to top, #e6e6e6, #ededed 2%, #f6f6f6 40%, #ffffff); }
.btn01:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dddddd), color-stop(100%, #ffffff)); background-image: -moz-linear-gradient(bottom, #dddddd, #ffffff); background-image: -webkit-linear-gradient(bottom, #dddddd, #ffffff); background-image: linear-gradient(to top, #dddddd, #ffffff); }

.btn02 { border: solid 1px #6c9bd2; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background-color: #4580c6; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1ODBjNiIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjNmM5YmQyIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODBhOGQ4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #4580c6), color-stop(40%, #6c9bd2), color-stop(100%, #80a8d8)); background-image: -moz-linear-gradient(bottom, #4580c6, #6c9bd2 40%, #80a8d8); background-image: -webkit-linear-gradient(bottom, #4580c6, #6c9bd2 40%, #80a8d8); background-image: linear-gradient(to top, #4580c6, #6c9bd2 40%, #80a8d8); box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.4); }
.btn02:hover { box-shadow: inset 0 0 5px 3px rgba(255, 255, 255, 0.4); }

.btn03 { border: solid 1px #eb6100; color: #fff !important; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background-color: #b84c00; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4NGMwMCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZWI2MTAwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmY3YjFmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #b84c00), color-stop(40%, #eb6100), color-stop(100%, #ff7b1f)); background-image: -moz-linear-gradient(bottom, #b84c00, #eb6100 40%, #ff7b1f); background-image: -webkit-linear-gradient(bottom, #b84c00, #eb6100 40%, #ff7b1f); background-image: linear-gradient(to top, #b84c00, #eb6100 40%, #ff7b1f); box-shadow: inset 0 0 7px rgba(255, 255, 255, 0.4); }
.btn03:hover { box-shadow: inset 0 0 5px 3px rgba(255, 255, 255, 0.4); }

body { overflow: hidden; background-color: #fbf5e9; }

#page { position: relative; background: url(../images/common/header_bg.png) repeat-x 0 0; }

#is-mobile-checkbox { display: none; }

#mobile-menu-btn { display: none; }

/*----------------------------------------------------
	inner
----------------------------------------------------*/
.inner, #page-head, #page-content, .page-top, #page-contacts-box, #page-foot footer { margin: 0 auto; width: 950px; }

/*----------------------------------------------------
	header
----------------------------------------------------*/
#page-head { position: relative; z-index: 10; }

#logo-main { float: left; padding: 8px 0 0; }

#lbl-contact { float: right; padding: 8px 0 0; }

/*----------------------------------------------------
	global navigation
----------------------------------------------------*/
#nav-main { clear: both; margin: 0 auto; padding: 10px 0 0; width: 880px; }
#nav-main ul { overflow: hidden; padding: 5px 10px 10px; background: url(../images/common/nav_bg.png) no-repeat 0 0; }
#nav-main ul li { float: left; padding: 0 5px 0 2px; width: 148px; }
#nav-main ul li a { display: block; height: 25px; padding: 12px 0 8px; border-bottom: 6px solid #6c9bd2; text-decoration: none; text-align: center; font-size: 18px; font-weight: bold; color: #666; }
#nav-main ul li a:hover { border-color: #eb6100; }
#nav-main ul li.gn00 { display: none; }
#nav-main ul li.gn03 { width: 228px; }

#home-page .gn00 a, #news-page .gn01 a, #apart-page .gn02 a, #greets-page .gn03 a, #access-page .gn04 a { border-color: #eb6100; }

/*----------------------------------------------------
	contents
----------------------------------------------------*/
#page-content { position: relative; top: -26px; }

#breadcrumbs { padding: 8px 0 4px; font-size: 11px; border-bottom: 1px dashed #999; }

.title-01 { padding: 12px 8px 6px 24px; border: 1px solid #ccc; background: #fff url(../images/sub/bg_title.png) no-repeat 0 bottom; color: #826038; font-weight: bold; font-size: 20px; }

#content-main { margin: 16px 0 0; }
#content-main.on-side { float: left; width: 700px; }

#content-sub { margin: 16px 0 0; float: right; width: 230px; }

#main-image img { max-width: 100%; }

.page-top { text-align: right; }
.page-top a { padding: 4px 16px 4px 24px; border: 1px solid #ccc; background: #fff url(../images/common/pagetop.png) no-repeat 8px center; color: #333; font-size: 12px; font-weight: bold; }

#page-contacts-box { margin-top: 16px; min-height: 78px; background: url(../images/common/bg_contact_box.png) no-repeat 0 0; }
#page-contacts-box dl { padding: 16px 20px 0; overflow: hidden; }
#page-contacts-box dl dt { float: left; color: #fff; }
#page-contacts-box dl dt span { padding: 0 0 0 10px; display: block; font-weight: bold; font-size: 22px; }
#page-contacts-box dl dd { padding: 0 0 0 220px; }
#page-contacts-box dl dd ul { overflow: hidden; }
#page-contacts-box dl dd ul li { float: left; margin: 0 16px 0 0; height: 29px; }
#page-contacts-box dl dd ul li a { display: block; height: 29px; }
#page-contacts-box dl dd ul li.tel { width: 180px; background: url(../images/common/inqTel.png) no-repeat 0 0; }
#page-contacts-box dl dd ul li.mobile { width: 180px; background: url(../images/common/inqTel2.png) no-repeat 0 0; }
#page-contacts-box dl dd ul li.parking { width: 180px; background: url(../images/common/inqParking.png) no-repeat 0 0; }
#page-contacts-box dl dd ul li.mail a { width: 210px; background: url(../images/common/inqMail.png) no-repeat 0 0; }
#page-contacts-box dl dd p { margin: 4px 0 0; }

/*----------------------------------------------------
	footer
----------------------------------------------------*/
#page-foot { margin: 20px 0 0; background: #8d683c url(../images/common/bg_footer.png); color: #fff; letter-spacing: 0; }
#page-foot footer { padding: 32px 0 0; background: url(../images/common/bg_footer_upper.png) repeat-x 0 0; }

#houseInformation h2, #houseInformation dl { padding: 0 40px; vertical-align: top; }
#houseInformation h2 span { display: block; font-size: 22px; font-weight: bold; }
#houseInformation dl { border-left: 1px solid #fff; }
#houseInformation dl dd ul li { padding: 0 20px 0 0; font-size: 22px; font-weight: bold; }
#houseInformation dl dd ul li a { color: #fff; font-weight: bold; }

.fz-s { font-size: 16px !important; font-weight: normal !important; }
.fz-s a { font-weight: normal !important; }

.dialnumber-foot { display: none; }

#copyright { padding: 20px 0 16px; text-align: center; font-size: 93%; }

/*----------------------------------------------------
	media query
----------------------------------------------------*/
/* smart phone
-------------------------------------------------- */
@media only screen and (max-width: 589px) { #page { -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; }
  #is-mobile-checkbox:checked + #page { transform: translate(-240px, 0); -webkit-transform: translate(-240px, 0); }
  #is-mobile-checkbox:checked + #page #mobile-menu-btn:after { content: ''; position: absolute; z-index: 20; background: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%; }
  #is-mobile-checkbox:checked + #page #mobile-menu-btn i:before { content: '\f00d'; }
  #is-mobile-checkbox:checked + #page #gNav ul { display: none; }
  #mobile-menu-btn { display: block; margin: 0 5px 0 0; float: right; width: 42px; height: 42px; cursor: pointer; text-align: center; background-color: #6c9bd2; }
  #mobile-menu-btn i { margin: 7px 0 0; font-size: 28px; color: #fff; }
  /*---------------------------------------------------- 	inner ----------------------------------------------------*/
  .inner, #page-head, #page-content, .page-top, #page-contacts-box, #page-foot footer { box-sizing: border-box; padding: 0 8px; width: auto; min-width: 320px; }
  /*---------------------------------------------------- 	header ----------------------------------------------------*/
  #page-head { position: static; }
  #logo-main img { width: 200px; }
  #lbl-contact { display: none; }
  /*---------------------------------------------------- 	global navigation ----------------------------------------------------*/
  #nav-main { box-sizing: border-box; position: absolute; left: 100%; width: 240px; height: 100%; border-left: 1px solid #4580c6; background-color: #6c9bd2; }
  #nav-main ul { background: no-repeat; padding: 0; border-top: 1px solid #3368a5; border-bottom: 1px solid #93b6de; }
  #nav-main ul li { float: none; width: auto !important; padding: 0; border-top: 1px solid #93b6de; border-bottom: 1px solid #3368a5; }
  #nav-main ul li a { position: relative; padding: 12px 20px 8px 12px; text-align: left; border-bottom: none; font-weight: normal; font-size: 15px; color: #fff; }
  #nav-main ul li a:hover { background-color: #588ecc; }
  #nav-main ul li a:after { content: '\f054'; position: absolute; right: 4px; top: 50%; margin-top: -.5em; }
  #nav-main ul li.gn00 { display: block; }
  #home-page .gn00 a, #news-page .gn01 a, #apart-page .gn02 a, #greets-page .gn03 a, #access-page .gn04 a { background-color: #4d86c8; }
  /*---------------------------------------------------- 	contents ----------------------------------------------------*/
  #page-content { top: 0; margin-top: 16px; }
  #content-main.on-side { width: auto; float: none; }
  #content-sub { width: auto; float: none; }
  .page-top { margin-top: 16px; }
  #page-contacts-box { margin: 16px 0 0; background: none; }
  #page-contacts-box dl { padding: 0; border: 3px solid #fff; overflow: visible; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); background: url(../images/common/bg01.png); }
  #page-contacts-box dl dt { float: none; padding: 4px; background: url(../images/common/bg_contact_title.png); text-align: center; }
  #page-contacts-box dl dt span { display: inline; }
  #page-contacts-box dl dd { padding: 4px; }
  #page-contacts-box dl dd ul li { text-indent: 0; width: auto !important; height: auto; background: none !important; font-size: 16px; font-weight: bold; margin-top: 4px; margin-bottom: 4px; }
  #page-contacts-box dl dd ul li a { display: inline; height: auto; background: none !important; font-weight: bold; }
  #page-contacts-box dl dd ul li.tel:before { content: '\e606'; }
  #page-contacts-box dl dd ul li.mobile:before { content: '\e600'; }
  #page-contacts-box dl dd ul li.mail:before { content: '\f003'; }
  #page-contacts-box dl dd ul li.parking { background: url(../images/common/inqParking.png) no-repeat 0 0; }
  #page-contacts-box dl dd p { padding: 4px 0 0; border-top: 1px solid #999; font-size: 11px; letter-spacing: 0; }
  #page-contacts-box dl dt span { display: block; padding: 0; }
  /*---------------------------------------------------- 	footer ----------------------------------------------------*/
  #houseInformation { padding: 24px 0 0; text-align: center; }
  #houseInformation h2, #houseInformation dl { display: block; }
  #houseInformation dl { border: none; }
  #houseInformation h2, #houseInformation dl { padding: 0; }
  #houseInformation h2 span { font-size: 20px; }
  #houseInformation dl dt { font-size: 10px; }
  #houseInformation dl dd ul li { padding: 0 .5em 0; font-size: 16px; }
  .fz-s { font-size: 13px !important; font-weight: normal !important; padding: 0 2em 0 !important;}
  .fz-s a { font-weight: normal !important; }
  .dialnumber-foot { display: block; position: fixed; bottom: 0; background-color: #3973ac; width: 100%; text-align: center; font-size: 1.5rem; color: #fff; }
  .dialnumber-foot a { display: block; padding: 10px 0; color: #fff; }
  .dialnumber-foot a:hover { background-color: #6c9bd2; text-decoration: none; }
  #copyright { padding: 20px 0 60px; font-size: 10px; } }
/* tablet
-------------------------------------------------- */
@media only screen and (min-width: 590px) and (max-width: 949px) { #page { -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -ms-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; }
  #is-mobile-checkbox:checked + #page { transform: translate(-240px, 0); -webkit-transform: translate(-240px, 0); }
  #is-mobile-checkbox:checked + #page #mobile-menu-btn:after { content: ''; position: absolute; z-index: 20; background: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%; }
  #is-mobile-checkbox:checked + #page #mobile-menu-btn i:before { content: '\f00d'; }
  #is-mobile-checkbox:checked + #page #gNav ul { display: none; }
  #mobile-menu-btn { display: block; margin: 0 5px 0 0; float: right; width: 42px; height: 42px; cursor: pointer; text-align: center; background-color: #6c9bd2; }
  #mobile-menu-btn i { margin: 7px 0 0; font-size: 28px; color: #fff; }
  /*---------------------------------------------------- 	inner ----------------------------------------------------*/
  .inner, #page-head, #page-content, .page-top, #page-contacts-box, #page-foot footer { box-sizing: border-box; padding: 0 8px; width: auto; min-width: 320px; }
  /*---------------------------------------------------- 	header ----------------------------------------------------*/
  #page-head { position: static; }
  #lbl-contact { display: none; }
  /*---------------------------------------------------- 	global navigation ----------------------------------------------------*/
  #nav-main { box-sizing: border-box; position: absolute; left: 100%; width: 240px; height: 100%; border-left: 1px solid #4580c6; background-color: #6c9bd2; }
  #nav-main ul { background: no-repeat; padding: 0; border-top: 1px solid #3368a5; border-bottom: 1px solid #93b6de; }
  #nav-main ul li { float: none; width: auto !important; padding: 0; border-top: 1px solid #93b6de; border-bottom: 1px solid #3368a5; }
  #nav-main ul li a { position: relative; padding: 12px 20px 8px 12px; text-align: left; border-bottom: none; font-weight: normal; font-size: 15px; color: #fff; }
  #nav-main ul li a:hover { background-color: #588ecc; }
  #nav-main ul li a:after { content: '\f054'; position: absolute; right: 4px; top: 50%; margin-top: -.5em; }
  #nav-main ul li.gn00 { display: block; }
  #home-page .gn00 a, #news-page .gn01 a, #apart-page .gn02 a, #greets-page .gn03 a, #access-page .gn04 a { background-color: #4d86c8; }
  /*---------------------------------------------------- 	contents ----------------------------------------------------*/
  #page-content { top: 0; margin-top: 16px; }
  #content-main.on-side { width: 75%; }
  #content-sub { width: 23%; }
  .page-top { margin-top: 16px; }
  #page-contacts-box { margin: 16px 0 0; background: none; }
  #page-contacts-box dl { padding: 0; border: 3px solid #fff; overflow: visible; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); background: url(../images/common/bg01.png); }
  #page-contacts-box dl dt { float: none; padding: 4px; background: url(../images/common/bg_contact_title.png); text-align: center; }
  #page-contacts-box dl dt span { display: inline; }
  #page-contacts-box dl dd { padding: 4px; }
  #page-contacts-box dl dd ul li { text-indent: 0; width: auto !important; height: auto; background: none !important; font-size: 16px; font-weight: bold; margin-top: 4px; margin-bottom: 4px; }
  #page-contacts-box dl dd ul li a { display: inline; height: auto; background: none !important; font-weight: bold; }
  #page-contacts-box dl dd ul li.tel:before { content: '\e606'; }
  #page-contacts-box dl dd ul li.mobile:before { content: '\e600'; }
  #page-contacts-box dl dd ul li.mail:before { content: '\f003'; }
  #page-contacts-box dl dd ul li.parking { background: url(../images/common/inqParking.png) no-repeat 0 0; }
  #page-contacts-box dl dd p { padding: 4px 0 0; border-top: 1px solid #999; font-size: 11px; letter-spacing: 0; }
  /*---------------------------------------------------- 	footer ----------------------------------------------------*/
  #houseInformation { padding: 24px 0 0; }
  #houseInformation h2, #houseInformation dl { display: block; }
  #houseInformation dl { border: none; }
  #houseInformation h2, #houseInformation dl { padding: 0 20px; }
  .fz-s { font-size: 14px !important; font-weight: normal !important; }
  .fz-s a { font-weight: normal !important; }
  .dialnumber-foot { display: block; position: fixed; bottom: 0; background-color: #3973ac; width: 100%; text-align: center; font-size: 2rem; color: #fff; }
  .dialnumber-foot a { display: block; padding: 10px 0; color: #fff; }
  .dialnumber-foot a:hover { background-color: #6c9bd2; text-decoration: none; }
  #copyright { padding: 20px 0 70px; font-size: 10px; } }
/* pc
-------------------------------------------------- */
@media only screen and (min-width: 950px) { /*---------------------------------------------------- 	inner ----------------------------------------------------*/
  /*---------------------------------------------------- 	header ----------------------------------------------------*/
  /*---------------------------------------------------- 	global navigation ----------------------------------------------------*/
  /*---------------------------------------------------- 	contents ----------------------------------------------------*/
  /*---------------------------------------------------- 	footer ----------------------------------------------------*/ }

.contact_box {
    background-color: #ffeeaa;
    width: 87%;
    margin: 1rem auto;
    padding: 1rem;
    text-align: center;
    font-size: 20px;

}

/*# sourceMappingURL=common.css.map */