@charset "utf-8"; /* CSS Document */ /*css add reset*/ /*-----------------------------------------------------------------*/ article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,figure,figcaption{ display: block; } body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,div{ margin: 0; padding: 0; font-size: 100%; line-height: 1.5; } ul,li,ol{ list-style: none; margin: 0; padding: 0; } a img{ border: none; } a{ transition: opacity 0.25s linear, color 0.25s linear, background-color 0.25s linear; } a:hover{ opacity: 0.6; text-decoration: none; } img{ vertical-align: bottom; } body,p,div{ color: #666666; font-family: Lato, "メイリオ", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; font-family: "Helvetica neue", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif \9; font-size: 14px; line-height: 24px; } body:not(:target), p:not(:target), div:not(:target){ font-family: Lato, "メイリオ", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif \9; } body{ background: url(../images/common/content/bg01.jpg) center 0 repeat; } /*general class*/ /*-----------------------------------------------------------------*/ .nm { font-size: 12px; line-height: 20px; } .ns { font-size: 10px; line-height: 14px; } .spt5 { margin-top: 5px; } .spt10 { margin-top: 10px; } .spt15 { margin-top: 15px; } .spt20 { margin-top: 20px; } .spt25 { margin-top: 25px; } .spt30 { margin-top: 30px; } .spt40 { margin-top: 40px; } .spt50 { margin-top: 50px; } .spt60 { margin-top: 60px; } .spt70 { margin-top: 70px; } .spt80 { margin-top: 80px; } .spt90 { margin-top: 90px; } .spt100 { margin-top: 100px; } .spt110 { margin-top: 110px; } .spt120 { margin-top: 120px; } .spt130 { margin-top: 130px; } .spt140 { margin-top: 140px; } .spt150 { margin-top: 150px; } .ovf-h{ overflow: hidden; } .full-width{ width: 100%; } .txt-right{ text-align: right; } .txt-left{ text-align: left; } .txt-center{ text-align: center; } .txt-indent{ text-indent: -1em; padding-left: 1em; display: block; } .txt-hide{ text-indent: 101%; *text-indent: -9999px; display: block; white-space: nowrap; overflow:hidden; } .inline-block{ display: inline-block; *display: inline; *zoom: 1; } .block-center{ margin-right: auto; margin-left: auto; } .cmn-container{ width: 1100px; margin-left: auto; margin-right: auto; } .clearfix:after{ display: block; clear: both; height: 0; visibility: hidden; content: ""; } .clearfix { min-height: 1px; } /*common style*/ /*-----------------------------------------------------------------*/ #wrapper{ background: url(../images/common/content/bg02.jpg) center 0 repeat-y; min-width: 1100px; margin: 0 auto; } /*header*/ #header{ background: url(../images/common/header/bg01.jpg) center 0 no-repeat; min-height: 20px; padding: 110px 30px 0 132px; position: relative; border-bottom: 1px solid transparent; z-index: 5000; } #header .cmn-logo{ position: absolute; left: 15px; top: 18px; } #header .cmn-login-navi{ position: absolute; right: 400px; top: 0; overflow: hidden; } #header .cmn-login-navi > *{ float: right; margin-top: 20px; } #header .cmn-login-navi .navi-item{ overflow: hidden; } #header .cmn-login-navi .navi-item > .item{ float: left; } #header .cmn-login-navi .navi-item > .item+.item{ margin-left: 15px; } #header .cmn-login-navi .navi-item > .item > a{ display: block; line-height: 20px; padding-left: 10px; background: url(../images/common/header/login_navi/icon-allow.gif) 0 center no-repeat; } #header .cmn-login-navi .navi-item > .item > a > img{ display: inline-block; vertical-align: middle; margin-top: -1px; } #header .cmn-login-navi .hello{ margin-right: 15px; padding-top: 1px; } #header .cmn-login-navi .hello .name{ color: #917c41; } #header .cmn-login-navi .info{ border: solid #e0daca; border-width: 0 1px; padding: 0 15px; margin: 6px 15px 0 0; } #header .cmn-primary-navi{ position: absolute; right: 0; top: 0; background-color: #ffffff; } #header .cmn-primary-navi .navi-item{ overflow: hidden; } #header .cmn-primary-navi .navi-item > .item{ float: left; } #header .cmn-global-navi{ border-top: 1px solid #9f8c59; position: relative; zoom: 1; z-index: 5000; } #header .cmn-global-navi .navi-item{ /*verflow: hidden;*/ margin-top: -45px; display: flex; justify-content: center; } #header .cmn-global-navi .navi-item > .item{ float: left; flex-grow: 1; position: relative; transition: background-color 0.25s linear; } #header .cmn-global-navi .navi-item > .navi01{ width: 7.24%; } #header .cmn-global-navi .navi-item > .navi02{ width: 15.45%; } #header .cmn-global-navi .navi-item > .navi03{ width: 12.15%; } #header .cmn-global-navi .navi-item > .navi04{ width: 7.99%; } #header .cmn-global-navi .navi-item > .navi05{ width: 11.08%; } #header .cmn-global-navi .navi-item > .navi06{ width: 14.49%; } #header .cmn-global-navi .navi-item > .navi07{ width: 14.39%; } #header .cmn-global-navi .navi-item > .navi08{ width: 9.91%; } #header .cmn-global-navi .navi-item > .navi09{ width: 7.24%; } #header .cmn-global-navi .navi-item > .navi10{ width: 18%; } #header .cmn-global-navi .navi-item > .item > a, #header .cmn-global-navi .navi-item > .item.disable{ display: block; height: 64px; text-align: center; overflow: hidden; } #header .cmn-global-navi .navi-item > .item.current, #header .cmn-global-navi .navi-item > .item:hover{ background-color: #917c41; } #header .cmn-global-navi .navi-item > .item.current > a:before, #header .cmn-global-navi .navi-item > .item:hover > a:before{ content: ''; width: 100%; height: 1px; background-color: #a79667; position: absolute; left: 0; top: 44px; } #header .cmn-global-navi .navi-item > .item > a:hover{ opacity: 1; } #header .cmn-global-navi .navi-item > .item.current > a > img, #header .cmn-global-navi .navi-item > .item:hover > a > img{ margin-top: -64px; } #header .cmn-global-navi .navi-item > .item.disable{ background-color: transparent; } #header .cmn-global-navi .navi-item > .item.disable > img{ margin-top: -128px; } #header .cmn-global-navi .have-local{ cursor: default; } #header .cmn-global-navi .local-navi{ position: absolute; top: 100%; left: 0; width: 100%; background-color: #826b27; display: none; } #header .cmn-global-navi .navi-item > .item:hover > .local-navi{ display: block; } #header .cmn-global-navi .local-navi > .item+.item{ border-top: 1px solid #917c41; } #header .cmn-global-navi .local-navi > .item.disable, #header .cmn-global-navi .local-navi > .item > a{ padding: 10px 0; display: block; text-align: center; line-height: 0; } #header .cmn-global-navi .local-navi > .item > a{ background-color: #826b27; } #header .cmn-global-navi .local-navi > .item > a:hover{ background-color: #9b8955; opacity: 1; } #header .cmn-global-navi .local-navi > .item.disable > img{ opacity: 0.2; -ms-filter: "alpha(opacity=20)"; } /*main*/ #main{ padding: 80px 0 20px; margin-top: 15px; position: relative; } #main .breadcrumb-navi{ position: absolute; left: 0; top: 0; overflow: hidden; padding: 5px 15px; z-index: 5000; } #main .breadcrumb-navi > .item{ float: left; font-size: 12px; line-height: 18px; } #main .breadcrumb-navi > .item+.item{ margin-left: 8px; padding-left: 14px; background: url(../images/common/content/icon_allow01.gif) 0 center no-repeat; } #main .breadcrumb-navi a{ color: #666666; } #main .main-ttl{ padding-bottom: 30px; margin-bottom: 70px; position: relative; z-index: 4000; } #main .main-ttl:before{ content: ''; width: 60px; height: 1px; position: absolute; left: 50%; bottom: 0; margin-left: -30px; background-color: #2e2e2e; } #main .cmn-local-navi{ position: relative; z-index: 4000; } #main .cmn-local-navi .navi-item{ background-color: #e8e5c6; padding: 15px 30px; display: inline-block; *display: inline; *zoom: 1; margin-bottom: 60px; } #main .cmn-local-navi .navi-item > .item{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; overflow: hidden; height: 48px; background: 0 0 no-repeat; } #main .cmn-local-navi .navi-item > .item~.item{ margin-left: 10px; } #main .cmn-local-navi .navi-item > .item > a{ display: block; margin-top: -48px; } #main .cmn-local-navi .navi-item > .item > a:hover{ opacity: 0; -ms-filter: "alpha(opacity=0)"; } #main .cmn-local-navi .navi-item > .item.current > a{ margin-top: 0; opacity: 1; -ms-filter: "alpha(opacity=100)"; } #main .kyugyo {padding: 24px;margin-bottom: 24px; border: solid 1px #A4A4A4;} #main .kyugyo p{margin-bottom: 12px;} #main .kyugyo .midashi{font-weight: bold;} /*footer*/ #footer{ background-color: #35322e; padding-top: 50px; overflow: hidden; position: relative; z-index: 5000; } #footer *{ color: #cccccc; } #footer .cmn-footer-info{ width: 300px; float: left; position: relative; left: 50%; margin-left: -550px; } #footer .cmn-footer-info .separate{ margin-top: 20px; padding-top: 20px; border-top: 1px solid #4d4d4d; } #footer .cmn-footer-navi{ position: relative; left: 50%; margin-left: -140px; float: left; } #footer .cmn-footer-navi .navi-item{ overflow: hidden; width: 690px; } #footer .cmn-footer-navi .navi-item > .item{ float: left; clear: left; padding-left: 20px; } #footer .cmn-footer-navi .navi-item > .item.separate01, #footer .cmn-footer-navi .navi-item > .item.separate01~*{ float: none; clear: none; margin-left: 230px; } #footer .cmn-footer-navi .navi-item > .item.separate02{ margin-top: -390px; } #footer .cmn-footer-navi .navi-item > .item.separate02, #footer .cmn-footer-navi .navi-item > .item.separate02~.item{ margin-left: 460px; } #footer .cmn-footer-navi .navi-item a{ text-decoration: none; color: #cccccc; } #footer .cmn-footer-navi .navi-item a:hover{ opacity: 0.5; } #footer .cmn-footer-navi .navi-item .item{ position: relative; font-size: 12px; line-height: 30px; color: #53514e; } #footer .cmn-footer-navi .navi-item .item:before{ content: ''; background-color: #5d513b; position: absolute; left: 0; top: 15px; } #footer .cmn-footer-navi .navi-item > .item:before{ width: 10px; height: 2px; margin-top: -1px; } #footer .cmn-footer-navi .local-navi > .item{ padding-left: 12px; *padding-left: 20px; } #footer .cmn-footer-navi .local-navi > .item:before{ width: 5px; height: 1px; margin-top: -1px; } #footer .cmn-copyright{ padding: 30px 0; float: left; width: 100%; } /*etc*/ #wrapper .cmn-floating-navi{ position: fixed; right: 0; top: 200px; z-index: 6000; background-color: #ffffff; } #wrapper .cmn-totop-btn{ position: fixed; right: 7px; bottom: 7px; } #wrapper .cmn-totop-btn > a{ display: block; width: 59px; height: 59px; background: url(../images/common/footer/icon_totop.gif) center center no-repeat; background-color: #66645e; background-color: rgba(0,0,0,0.6); opacity: 0; -ms-filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } #wrapper .cmn-totop-btn.show > a{ opacity: 1; -ms-filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } #wrapper .cmn-swsp-btn > a{ display: block; padding: 3%; background-color: #917c41; color: #ffffff; text-align: center; font-size: 200%; } #wrapper iframe[name="google_conversion_frame"]{ position: absolute; height: 0; } #wrapper .header-bg-fill{ background: url(../images/common/content/bg01.jpg) center 0 repeat; position: absolute; left: 0; top: 0; width: 100%; height: 369px; z-index: 1000; *display: none; } #wrapper .header-bg-fill:before{ content: ''; background: url(../images/common/content/bg02.jpg) center 0 repeat-y; width: 100%; height: 100%; min-width: 1100px; margin: 0 auto; position: absolute; left: 0; top: 0; } #wrapper .header-bg-fill.-local-navi{ padding-bottom: 138px; } /*home*/ /*-----------------------------------------------------------------*/ #main.page-home{ padding-top: 20px; margin-top: 0; } #main.page-home .announce > .item{ display: table; } #main.page-home .announce > .item > *{ display: table-cell; vertical-align: middle; } #main.page-home .announce > .item > .icon{ padding-right: 7px; } #main.page-home .main-display{ max-width: 1400px; } #main.page-home .animation-display{ height: 500px; width: 100%; position: relative; overflow: hidden; background-color: #ffffff; } #main.page-home .animation-display .scene{ position: absolute; width: 1400px; height: 100%; left: 50%; top: 100%; margin-left: -700px; overflow: hidden; } #main.page-home .animation-display .scene > *{ position: absolute; left: 50%; top: 100%; } #main.page-home .animation-display .controller{ background: url(../images/home/main/controller.gif) 0 0 no-repeat; width: 70px; height: 0; position: absolute; left: 10px; bottom: 10px; transition: opacity 0.25s linear; } #main.page-home .animation-display .controller.mode-skip{ height: 18px; } #main.page-home .animation-display .controller.mode-replay{ height: 18px; background-position: 0 bottom; } #main.page-home .animation-display .controller:hover{ cursor: pointer; opacity: 0.7; -ms-filter: "alpha(opacity=70)"; } #main.page-home .animation-display .overlay{ position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background-color: #ffffff; } /*#main.page-home .animation-display *{ -webkit-backface-visibility: hidden; backface-visibility: hidden; }*/ #main.page-home .slide-display{ display: none; } #main.page-home .slide-display.show{ display: block; } #main.page-home .slide-display .list-item{ width: 100%; padding-top: 35.71%; position: relative; } #main.page-home .slide-display .list-item > .item{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; } #main.page-home .slide-display .list-item > .item.current{ z-index: 5; } #main.page-home .slide-display .list-item > .item img{ width: 100%; height: auto; } #main.page-home .slide-caption{ display: none; } #main.page-home .slide-caption.show{ display: block; } #main.page-home .slide-display .controller{ position: absolute; width: 53px; height: 53px; background: url(../images/model/icon_controller.png) center 0 no-repeat #937c42; z-index: 5; border-radius: 50%; top: 50%; margin-top: -26px; opacity: 0.9; transition: opacity 0.25s linear; z-index: 10; } #main.page-home .slide-display .prev-button{ left: -20px; background-position: center bottom; } #main.page-home .slide-display .next-button{ right: -20px; } #main.page-home .slide-display .controller:hover{ cursor: pointer; opacity: 0.6; } #main.page-home .l-left{ float: left; width: 780px; } #main.page-home .notice .request{ padding: 25px 0; } #main.page-home .notice .scroll-wrapper{ height: 280px; position: relative; overflow: hidden; border: 3px double #9f8c59; border-left: none; border-right: none; padding: 10px 0; } #main.page-home .notice .ps__scrollbar-y, #main.page-home .notice .ps-scrollbar-y{ width: 9px; background-color: #d9cfb6; border-radius: 4px; } #main.page-home .notice .ps-scrollbar-y{ margin-top: 10px; } #main.page-home .notice .ps-scrollbar-x{ display: none; } #main.page-home .notice .ps__scrollbar-y-rail{ width: 13px; background-color: #f5f1e1; } #main.page-home .notice .list-item{ width: 710px; margin: 0 auto; overflow: hidden; } #main.page-home .notice .list-item > dt, #main.page-home .notice .list-item > dd{ font-size: 14px; line-height: 24px; border-top: 1px dotted #e7e1d0; float: left; padding: 7px 0; } #main.page-home .notice .list-item > dt{ width: 90px; color: #9f8c59; } #main.page-home .notice .list-item > dd{ width: 620px; } #main.page-home .notice .list-item > dd .icon{ vertical-align: middle; margin-right: 10px; } #main.page-home .notice .list-item > dd a{ color: #0089c6; } #main.page-home .l-right{ float: right; width: 260px; } #main.page-home .side-bnr .item{ background-color: #ffffff; } #main.page-home .side-bnr .item+.item{ margin-top: 10px; } #main.page-home .main-bnr .item{ background-color: #ffffff; } #main.page-home .main-bnr .item+.item{ margin-top: 15px; } /*original*/ /*-----------------------------------------------------------------*/ #main.page-original{ padding-bottom: 90px; } #main.page-original .theme-color{ color: #816428; } #main.page-original .message{ line-height: 37px; } /*concept*/ /*-----------------------------------------------------------------*/ #main.page-concept{ overflow: hidden; padding-bottom: 0; } #main.page-concept .cmn-local-navi .navi-item{ margin-bottom: 90px; } #main.page-concept .concept-main{ max-width: 1400px; margin: 0 auto; position: relative; z-index: 5000; } #main.page-concept .concept-main > .caption{ position: absolute; left: 5px; bottom: 5px; } #main.page-concept .concept-bg{ position: relative; left: 50%; margin-left: -700px; *zoom: 1; } #main.page-concept .concept-word{ position: absolute; top: 55px; left: 0; width: 100%; } #main.page-concept .concept-txt{ position: absolute; top: 320px; left: 0; width: 100%; } #main.page-concept .concept-visual{ position: absolute; right: -50px; top: -100px; } #main.page-concept .js-animation{ opacity: 0; } /*position*/ /*-----------------------------------------------------------------*/ #main.page-position .position-main{ padding: 30vh 0 50vh; padding: 400px 0 \9; *position: relative; *zoom: 1; } #main.page-position .position-main:not(:target){ padding: 30vh 0 50vh \9; } #main.page-position .position-main > *{ position: relative; z-index: 10; } #main.page-position .position-main .section{ background-color: #ffffff; overflow: hidden; } #main.page-position .position-main .section01{ margin-top: 50vh; margin-top: 400px \9; } #main.page-position .position-main .section01:not(:target){ margin-top: 50vh \9; } #main.page-position .position-main .section01 .head, #main.page-position .position-main .section01 .txt-body{ *width: 500px; position: relative; left: 50%; *zoom: 1; margin-left: -470px; float: left; clear: left; } #main.page-position .position-main .section01 .txt{ line-height: 28px; } #main.page-position .position-main .section01 .map{ position: relative; left: 50%; } #main.page-position .position-main .section02{ margin-top: 80vh; margin-top: 500px \9; } #main.page-position .position-main .section02:not(:target){ margin-top: 80vh \9; } #main.page-position .position-main .section02{ padding: 50px 0; } #main.page-position .position-main .section02 .head, #main.page-position .position-main .section02 .txt-body{ width: 570px; position: relative; left: 50%; *zoom: 1; margin-left: -515px; float: left; clear: left; padding-right: 60px; border-right: 1px solid #cccccc; } #main.page-position .position-main .section02 .head.separate, #main.page-position .position-main .section02 .head.separate~*{ width: 340px; float: none; clear: none; margin-left: 175px; padding-right: 0; border-right: none; } #main.page-position .position-main .section02 .txt-body{ padding-top: 25px; } #main.page-position .position-main .section02 .txt-body .txt{ width: 300px; float: left; clear: left; } #main.page-position .position-main .section02 .txt-body .photo-body{ margin-left: 330px; } #main.page-position .position-main > .bg-fill{ position: fixed; z-index: 5; top: 0; left: 0; *zoom: 1; width: 100%; height: 100%; } #main.page-position .position-main > .bg-fill > .bg-section{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; } #main.page-position .position-main > .bg-fill > .bg-section01{ background-image: url(../images/concept_design/position/p01.jpg); } #main.page-position .position-main > .bg-fill > .bg-section02{ background-image: url(../images/concept_design/position/p02.jpg); } #main.page-position .position-main > .bg-fill > .bg-section > .caption{ position: absolute; left: 5px; bottom: 5px; filter: inherit; } #main.page-position .js-bg-fade{ visibility: hidden; } #main.page-position .js-inview{ opacity: 0; } /*design*/ /*-----------------------------------------------------------------*/ #main.page-design .design-visual{ position: relative; } #main.page-design .design-visual .visual-item{ position: relative; } #main.page-design .design-visual .caption{ position: absolute; left: 5px; bottom: 5px; } #main.page-design .landplan{ position: relative; text-align: center; width: 998px; background-color: #ffffff; border: 1px solid #eae3b8; padding: 40px 0; } #main.page-design .landplan-txt{ position: absolute; left: 570px; top: 55px; } #main.page-design .split-container{ width: 1000px; overflow: hidden; } #main.page-design .split-item{ width: 500px; float: left; } #main.page-design .split-item .photo{ float: left; margin-right: 15px; position: relative; } #main.page-design .split-item .photo .caption{ position: absolute; left: 5px; bottom: 5px; } /*model*/ /*-----------------------------------------------------------------*/ #main.page-model .model-slide-wrap{ width: 1100px; } #main.page-model .model-display{ position: relative; height: 600px; } #main.page-model .model-display > .item{ position: absolute; left: 0; top: 0; display: none; } #main.page-model .model-display .caption{ position: absolute; left: 10px; bottom: 10px; } #main.page-model .model-display .controller{ position: absolute; width: 53px; height: 53px; background: url(../images/model/icon_controller.png) center 0 no-repeat #937c42; z-index: 5; border-radius: 50%; top: 50%; margin-top: -26px; opacity: 0.9; transition: opacity 0.25s linear; } #main.page-model .model-display .prev-button{ left: -20px; background-position: center bottom; } #main.page-model .model-display .next-button{ right: -20px; } #main.page-model .model-display .controller:hover{ cursor: pointer; opacity: 0.6; } #main.page-model .model-navi{ text-align: center; } #main.page-model .model-navi > .item{ display: inline-block; *display: inline; *zoom: 1; height: 64px; overflow: hidden; border: 1px solid #917c41; background: 0 bottom no-repeat; cursor: pointer; } #main.page-model .model-navi > .item.current{ cursor: default; width: 100px; } #main.page-model .model-navi > .item~.item{ margin-left: 10px; } #main.page-model .model-navi > .item01{ background-image: url(../images/model/navi01.jpg); } #main.page-model .model-navi > .item02{ background-image: url(../images/model/navi02.jpg); } #main.page-model .model-navi > .item03{ background-image: url(../images/model/navi03.jpg); } #main.page-model .model-navi > .item04{ background-image: url(../images/model/navi04.jpg); } #main.page-model .model-navi > .item05{ background-image: url(../images/model/navi05.jpg); } #main.page-model .model-navi > .item06{ background-image: url(../images/model/navi06.jpg); } #main.page-model .model-navi > .item07{ background-image: url(../images/model/navi07.jpg); } #main.page-model .model-navi > .item08{ background-image: url(../images/model/navi08.jpg); } #main.page-model .model-navi > .item img{ transition: 0.25s linear; } #main.page-model .model-navi > .item.current img, #main.page-model .model-navi > .item img:hover{ opacity: 0; -ms-filter: "alpha(opacity=0)"; } /*plan*/ /*-----------------------------------------------------------------*/ #main.page-plan .plan-container{ width: 1070px; overflow: hidden; margin: 0 auto; } #main.page-plan .plan-container .display{ width: 280px; float: left; } #main.page-plan .plan-container .plan-navi{ width: 765px; float: right; overflow: hidden; } #main.page-plan .plan-container .plan-navi *{ text-decoration: none; color: #766845; } #main.page-plan .plan-container .plan-navi > .item{ float: left; margin-left: 15px; position: relative; position: relative; } #main.page-plan .plan-container .plan-navi > .item > a{ display: block; width: 210px; border: 1px solid #cfc6ac; padding: 30px 14px 14px; height: 260px; transition: background-color 0.25s linear; } #main.page-plan .plan-container .plan-navi > .item > a:hover{ opacity: 1; background-color: #ffffff; } #main.page-plan .plan-container .plan-navi .ldk{ background-color: #766845; line-height: 0; padding: 15px 0; } #main.page-plan .plan-container .plan-navi .area{ font-size: 12px; line-height: 20px; min-height: 60px; } #main.page-plan .plan-container .plan-navi .dummy-button{ border: 1px solid #cfc6ac; padding: 5px 0; transition: 0.25s linear; } #main.page-plan .plan-container .plan-navi > .item > a:hover .dummy-button{ background-color: #b2a47b; color: #ffffff; border-color: #b2a47b; } #main.page-plan .plan-container .plan-navi .soon{ position: absolute; left: 14px; bottom: 14px; width: 210px; background-color: #ede9e0; padding: 40px 0; } #main.page-plan .plan-container .plan-navi .menu-navi{ position: absolute; left: 14px; bottom: 14px; height: 66px; overflow: hidden; background-position: center bottom; } #main.page-plan .plan-container .plan-navi .menu-navi.navi01{ bottom: 166px; } #main.page-plan .plan-container .plan-navi .menu-navi.navi02{ bottom: 90px; } #main.page-plan .plan-container .plan-navi .menu-navi a:hover{ opacity: 0; } #main.page-plan .display{ position: relative; } #main.page-plan .display .overlay{ position: absolute; background-color: #000; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: opacity 0.25s linear; display: none\9; background: center center no-repeat; background-color: rgba(109,75,37,0.9); background-color: #6d4b25\9; } #main.page-plan .display .overlay:not(:target){ background-color: rgba(109,75,37,0.9)\9; } #main.page-plan .display .overlay.a_type{ background-image: url(../images/plan/a_type/basic/floor.png); } #main.page-plan .display .overlay.b_type{ background-image: url(../images/plan/b_type/basic/floor.png); } #main.page-plan .display .overlay.c_type{ background-image: url(../images/plan/c_type/basic/floor.png); } #main.page-plan .display .overlay.d_type{ background-image: url(../images/plan/d_type/basic/floor.png); } #main.page-plan .display .overlay.e_type{ background-image: url(../images/plan/e_type/basic/floor.png); } #main.page-plan .display .overlay.f_type{ background-image: url(../images/plan/f_type/basic/floor.png); } #main.page-plan .display .overlay.show{ opacity: 1; display: block; } #main.page-plan .plan{ text-align: center; padding: 40px 30px; background-color: #ffffff; max-width: 1040px; margin: 0 auto; } #fancybox-content .plan{ text-align: center; } #main.page-plan .plan .navi-list, #fancybox-content .plan .navi-list{ border-bottom: 1px solid #9c937a; text-align: center; margin-bottom: 30px; line-height: 0; } #main.page-plan .plan .navi-list > .item, #fancybox-content .plan .navi-list > .item{ display: inline-block; *display: inline; *zoom: 1; height: 70px; overflow: hidden; background-position: center bottom; } #main.page-plan .plan .navi-list > .item~.item, #fancybox-content .plan .navi-list > .item~.item{ margin-left: 10px; } #main.page-plan .plan .navi-list > .item a:hover, #fancybox-content .plan .navi-list > .item a:hover{ opacity: 0; } #main.page-plan .plan .navi-list > .item.current a img, #fancybox-content .plan .navi-list > .item.current a img{ margin-top: -70px; } /*equipment*/ /*-----------------------------------------------------------------*/ #main.page-equipment .cmn-local-navi .navi-item{ padding: 15px 16px; } #main.page-equipment .cmn-local-navi .navi-item > .item~.item{ margin-left: 4px; } #main.page-equipment .cmn-local-navi.separate{ margin: 50px auto 0; padding-top: 90px; border-top: 1px solid #816428; width: 1112px; } #main.page-equipment .equipment-container{ overflow: hidden; } #main.page-equipment .equipment-container+.equipment-container{ margin-top: 50px; padding-top: 50px; border-top: 1px solid #816428; } #main.page-equipment .category-head{ border-top: 3px double #d4d2c8; padding-bottom: 20px; } #main.page-equipment .category-head > img{ position: relative; top: -19px; background: url(../images/common/content/bg02.jpg) 0 0 repeat-y; padding-right: 20px; } #main.page-equipment .equipment-col2{ width: 536px; } #main.page-equipment .equipment-col3{ width: 818px; } #main.page-equipment .equipment-col4{ width: 254px; } #main.page-equipment .equipment-col3-1{ width: 340px; } #main.page-equipment .equipment-float{ float: left; } #main.page-equipment .equipment-item{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } #main.page-equipment .equipment-container .photo{ position: relative; } #main.page-equipment .equipment-container .photo .caption{ position: absolute; left: 4px; bottom: 4px; line-height: 14px; color: #333333; } #main.page-equipment .equipment-container .photo .caption.white{ color: #ffffff; } #main.page-equipment .equipment-container .txt{ line-height: 22px; } #main.page-equipment .equipment-leftspace{ margin-left: 28px; } #main.page-equipment .equipment-col3-1.equipment-leftspace{ margin-left: 40px; } #main.page-equipment .equipment-container .name{ line-height: 0; margin-top: 15px; } #main.page-equipment .equipment-container .name-row2{ line-height: 41px; } #main.page-equipment .equipment-container .name-row2 > img{ vertical-align: middle; } #main.page-equipment .equipment-float-clear{ clear: left; } #main.page-equipment .equipment-ext01{ overflow: hidden; } #main.page-equipment .equipment-ext01 .label{ line-height: 0; background-color: #9a8252; padding: 5px 10px; margin-bottom: 15px; } #main.page-equipment .equipment-ext01 .photo{ float: right; margin-left: 15px; } #main.page-equipment .kitchen-ext01 > .equipment-item{ width: 765px; } #main.page-equipment .kitchen-ext01 > .equipment-item+.equipment-item{ width: 300px; margin-left: 35px; } #main.page-equipment .kitchen-ext02 > .photo{ margin-right: 28px; margin-bottom: 30px; } #main.page-equipment .kitchen-ext02 > .name{ margin-top: 0; } #main.page-equipment .kitchen-ext03 > .equipment-ext01{ width: 162px; } #main.page-equipment .kitchen-ext03 > .equipment-ext01+.equipment-ext01{ width: 336px; margin-left: 20px; } #main.page-equipment .kitchen-ext03 > .equipment-ext01+.equipment-ext01+.equipment-ext01{ width: 225px; margin-left: 20px; } #main.page-equipment .sanitary-ext02{ border: 1px solid #816428; border-left: none; border-right: none; padding: 10px 0 25px; } #main.page-equipment .sanitary-ext03 .equipment-item.equipment-col4{ width: 234px; } #main.page-equipment .sanitary-ext03 .equipment-float.equipment-col4{ width: 314px; } #main.page-equipment .foyer-ext01 .photo+.equipment-item{ width: 365px; } #main.page-equipment .foyer-ext01 .ovf-h .photo{ margin-right: 10px; } #main.page-equipment .foyer-ext02 .ovf-h .photo{ margin-right: 10px; } #main.page-equipment .split-right{ float: right; padding-left: 25px; } #main.page-equipment .split-left{ float: left; padding-right: 25px; } #main.page-equipment .split-clear{ clear: both; } #main.page-equipment .eco-col2{ width: 520px; } #main.page-equipment .eco-col3{ width: 326px; } #main.page-equipment .eco-item{ overflow: hidden; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } #main.page-equipment .eco-item~.eco-item{ border-left: 1px solid #d4d2c8; padding-left: 29px; margin-left: 30px; } #main.page-equipment .eco-ext01 > .eco-item{ width: 570px; } #main.page-equipment .eco-ext01 > .eco-item~.eco-item{ width: 470px; } #main.page-equipment .eco-ext02 > .eco-item{ min-height: 184px; } #main.page-equipment .eco-ext03{ background-color: #f4f0e1; padding: 35px; } #main.page-equipment .eco-ext04{ width: 610px; float: right; } #main.page-equipment .eco-ext05{ padding-left: 19px; float: right; } #main.page-equipment .eco-ext06{ position: relative; } #main.page-equipment .eco-ext06 .txt{ position: absolute; left: 616px; top: 274px; } #main.page-equipment .eco-ext07{ position: relative; } #main.page-equipment .eco-ext07 .txt{ position: absolute; left: 254px; top: 230px; } #main.page-equipment .eco-ext07 .tennen{ position: absolute; bottom: 30px; right: 30px; } #main.page-equipment .eco-ext08{ overflow: hidden; } #main.page-equipment .eco-ext08+.eco-ext08{ border-top: 1px solid #b7aa9f; padding-top: 30px; margin-top: 30px; } #main.page-equipment .eco-ext08 .photo{ float: left; padding-right: 20px; } #main.page-equipment .eco-ext08 .photo-s{ float: right; padding-left: 40px; } #main.page-equipment .eco-ext08 .txt-body > *{ overflow: hidden; } #main.page-equipment .eco-ext08 *{ color: #726257; } #main.page-equipment .eco-ext09{ overflow: hidden; } #main.page-equipment .eco-ext08+.eco-ext09, #main.page-equipment .eco-ext09+.eco-ext09{ border-top: 1px solid #b7aa9f; padding-top: 30px; margin-top: 30px; } #main.page-equipment .eco-ext09 .photo{ float: right; } #main.page-equipment .eco-ext09 *{ color: #726257; } #main.page-equipment .eco-ext10{ width: 250px; text-align: center; } #main.page-equipment .comfort-ext01{ width: 240px; margin: 0 auto; } #main.page-equipment .multimedia-ext01{ width: 700px; float: left; clear: left; } #main.page-equipment .multimedia-ext01+.multimedia-ext02{ width: 350px; float: right; border-top: none; padding-top: 0; margin-top: 0; } #main.page-equipment .multimedia-ext02 > .head{ background-color: #a18247; padding: 8px 0; line-height: 0; } #main.page-equipment .multimedia-ext03{ width: 645px; position: absolute; } #main.page-equipment .multimedia-list01{ overflow: hidden; margin-top: 15px; } #main.page-equipment .multimedia-list01 > .item{ border-left: 5px solid #816428; border-bottom: 1px solid #d6d3cf; padding: 11px 0 11px 12px; line-height: 0; } #main.page-equipment .multimedia-list01 > .item+.item{ margin-top: 15px; } #main.page-equipment .multimedia-list01 > .item.have-sup{ padding-top: 7px; } #main.page-equipment .universal-ext01{ width: 364px; float: right; } /*structure*/ /*-----------------------------------------------------------------*/ #main.page-structure .structure-container{ overflow: hidden; } #main.page-structure .structure-container+.structure-container{ margin-top: 50px; padding-top: 50px; border-top: 1px solid #816428; } #main.page-structure .structure-container .structure-container+.structure-container{ margin-top: 30px; padding-top: 30px; } #main.page-structure .structure-container.va-line{ position: relative; } #main.page-structure .structure-container.va-line:before{ content: ''; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background-color: #d4d2c8; } #main.page-structure .structure-container+.structure-container.va-line:before{ top: 50px; } #main.page-structure .structure-container .structure-container+.structure-container.va-line:before{ top: 30px; } #main.page-structure .category-head{ border-top: 3px double #d4d2c8; padding-bottom: 20px; } #main.page-structure .category-head > img{ position: relative; top: -19px; background: url(../images/common/content/bg02.jpg) 0 0 repeat-y; padding-right: 20px; } #main.page-structure .split-container{ display: inline-block; *display: inline; *zoom: 1; width: 510px; vertical-align: top; position: relative; } #main.page-structure .split-container .split-container{ width: 235px; } #main.page-structure .split-container .split-container~.split-container{ margin-left: 20px; padding-left: 20px; *padding-left: 19px; } #main.page-structure .split-container~.split-container{ margin-left: 40px; padding-left: 40px; *border-left: 1px solid #d4d2c8; *padding-left: 39px; } #main.page-structure .txt{ line-height: 22px; } #main.page-structure .structure-float{ float: left; } #main.page-structure .structure-float-clear{ clear: both; } #main.page-structure .split-right{ float: right; padding-left: 25px; } #main.page-structure .split-left{ float: left; padding-right: 25px; } #main.page-structure .structure-ext01{ position: absolute; width: 320px; } #main.page-structure .structure-ext02{ display: table; *overflow: hidden; width: 100%; } #main.page-structure .structure-ext02 > .cell{ display: table-cell; width: 330px; *float: left; *display: block; vertical-align: middle; } #main.page-structure .structure-ext02 > .cell+.cell{ width: 170px; padding-left: 10px; } #main.page-structure .structure-ext02 .fill-txt{ background-color: #816428; padding: 17px 20px; line-height: 0; } #main.page-structure .structure-ext02 > ul.cell{ vertical-align: top; } #main.page-structure .security-ext01{ border: 1px solid #f1e5c2; padding: 27px 30px; background-color: #ffffff; overflow: hidden; } #main.page-structure .security-ext01.col2{ width: 474px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } #main.page-structure .security-ext01.col2~.col2{ margin-left: 28px; } #main.page-structure .security-ext02{ border: 1px solid #dfd8ca; padding: 20px 30px; background-color: #ffffff; overflow: hidden; } #main.page-structure .security-ext02 .va-line:before{ left: 466px; } #main.page-structure .security-ext02 .split-container{ width: 426px; } #main.page-structure .security-ext02 .split-container+.split-container{ width: 470px; } #main.page-structure .security-ext03{ position: relative; width: 100%; } #main.page-structure .security-ext03 .photo{ padding-left: 270px; position: relative; z-index: 10; } #main.page-structure .security-ext03 .txt-body{ position: absolute; top: 42px; width: 240px; } #main.page-structure .security-ext03 .txt-body:before{ content: ''; width: 330px; height: 1px; background-color: #d5d5d5; position: absolute; top: 30px; } #main.page-structure .security-ext03 .txt-body+.txt-body{ position: absolute; top: 12px; right: 0; } #main.page-structure .security-ext03 .txt-body+.txt-body:before{ right: 0; } #main.page-structure .security-ext04{ border: 1px solid #d5d5d5; border-left: none; border-right: none; padding: 30px 0; overflow: hidden; } #main.page-structure .security-ext04 > .head{ border: 1px solid #c2af89; width: 218px; text-align: center; line-height: 120px; } #main.page-structure .security-ext04 > .head img{ vertical-align: middle; } #main.page-structure .security-ext04 > *{ float: left; } #main.page-structure .security-ext04 > *+*{ margin-left: 30px; } #main.page-structure .security-ext04 .item{ width: 448px; } #main.page-structure .security-ext04 .item+.item{ width: 310px; } #main.page-structure .security-ext04 .item > .head{ padding: 7px 10px; background-color: #816428; } #main.page-structure .security-ext04 .item .split-right{ padding-left: 10px; } #main.page-structure .security-ext05{ overflow: hidden; } #main.page-structure .security-ext05 .item > .head{ font-size: 16px; line-height: 20px; color: #333333; } #main.page-structure .security-ext05 .item{ width: 500px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } #main.page-structure .security-ext05 .leftspace{ width: 540px; margin-left: 60px; } #main.page-structure .security-ext05 .item+.item~.item{ border-top: 1px solid #d5d3ca; padding-top: 20px; margin-top: 20px; } #main.page-structure .support-ext01 .item{ float: left; width: 660px; } #main.page-structure .support-ext01 .item+.item{ float: right; width: 390px; } #main.page-structure .support-ext02 .item{ float: left; width: 520px; } #main.page-structure .support-ext02 .item+.item{ float: right; width: 540px; } #main.page-structure .support-ext03 .item{ float: left; width: 350px; } #main.page-structure .support-ext03 .item+.item{ float: right; width: 710px; } #main.page-structure .support-ext04 .item{ float: left; width: 572px; } #main.page-structure .support-ext04 .item+.item{ float: right; width: 478px; } #main.page-structure .support-ext04 .split-left{ padding-right: 15px; } /*lifestyle*/ /*-----------------------------------------------------------------*/ #main.page-lifestyle{ } #main.page-lifestyle .vol{ padding: 85px 0 65px; } #main.page-lifestyle .intro{ background-color: #000000; display: flex; justify-content: center; align-items: center; } #main.page-lifestyle .intro > *{ width: 550px; } #main.page-lifestyle .intro *{ color: #ffffff; } #main.page-lifestyle .intro-txt{ line-height: 38px; } #main.page-lifestyle .grid-life{ position: relative; height: 1320px; } #main.page-lifestyle .grid-life > .item{ position: absolute; overflow: hidden; } #main.page-lifestyle .grid-life .caption{ position: absolute; right: 5px; bottom: 5px; color: #000000; } #main.page-lifestyle .grid-life .caption.white{ color: #ffffff; } #main.page-lifestyle .location{ position: absolute; left: 0; bottom: 0; padding: 15px 8px 8px; width: 100%; background: -moz-linear-gradient(top, rgba(38,36,28,0) 0%, rgba(38,36,28,1) 100%); background: -webkit-linear-gradient(top, rgba(38,36,28,0) 0%,rgba(38,36,28,1) 100%); background: linear-gradient(to bottom, rgba(38,36,28,0) 0%,rgba(38,36,28,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0026241c', endColorstr='#26241c',GradientType=0 ); } #main.page-lifestyle .local-navi{ max-width: 1400px; margin: 0 auto; overflow: hidden; position: relative; } #main.page-lifestyle .local-navi:before, #main.page-lifestyle .local-navi:after{ content: ''; position: absolute; width: 4px; height: 100%; background-color: #fffcf5; z-index: 5; } #main.page-lifestyle .local-navi:before{ left: 33.33%; margin-left: -2px; } #main.page-lifestyle .local-navi:after{ left: 66.66%; margin-left: -2px; } #main.page-lifestyle .local-navi > .item{ width: 33.33%; float: left; background: center bottom no-repeat; text-align: center; position: relative; } #main.page-lifestyle .local-navi > .item:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center 0 no-repeat; transition: opacity 0.25s linear; } #main.page-lifestyle .local-navi > .item:hover:before, #main.page-lifestyle .local-navi > .item.current:before{ opacity: 0; } #main.page-lifestyle .local-navi > .item01{ background-image: url(../images/lifestyle/navi/p01.jpg); } #main.page-lifestyle .local-navi > .item01:before{ background-image: url(../images/lifestyle/navi/p01.jpg); } #main.page-lifestyle .local-navi > .item02{ background-image: url(../images/lifestyle/navi/p02.jpg); } #main.page-lifestyle .local-navi > .item02:before{ background-image: url(../images/lifestyle/navi/p02.jpg); } #main.page-lifestyle .local-navi > .item03{ background-image: url(../images/lifestyle/navi/p03.jpg); } #main.page-lifestyle .local-navi > .item03:before{ background-image: url(../images/lifestyle/navi/p03.jpg); } #main.page-lifestyle .local-navi a{ display: block; padding-top: 70px; height: 190px; background: url(../images/lifestyle/navi/icon.png) center 184px no-repeat; position: relative; opacity: 1; } #main.page-lifestyle .js-inview{ opacity: 0; } #main.lifestyle01 .intro{ background-color: #a78f59; } #main.lifestyle01 .grid-life .item01{ right: 0; top: 440px; } #main.lifestyle01 .grid-life .item02{ left: 660px; top: 0; } #main.lifestyle01 .grid-life .item03{ left: 880px; top: 0; } #main.lifestyle01 .grid-life .item04{ left: 440px; top: 220px; } #main.lifestyle01 .grid-life .item05{ left: 0; top: 440px; } #main.lifestyle01 .grid-life .item06{ left: 440px; top: 880px; } #main.lifestyle01 .grid-life .item07{ left: 220px; top: 1100px; } #main.lifestyle01 .grid-life .item08{ left: 0; top: 0; } #main.lifestyle01 .grid-life .item09{ left: 440px; top: 0; } #main.lifestyle01 .grid-life .item10{ left: 660px; top: 220px; } #main.lifestyle01 .grid-life .item11{ left: 220px; top: 440px; } #main.lifestyle01 .grid-life .item12{ left: 0; top: 660px; } #main.lifestyle01 .grid-life .item13{ left: 0; top: 880px; } #main.lifestyle01 .grid-life .item14{ left: 660px; top: 880px; } #main.lifestyle01 .grid-life .item15{ left: 0; top: 1100px; } #main.lifestyle01 .grid-life .item16{ left: 440px; top: 1100px; } #main.lifestyle01 .grid-life .item17{ left: 880px; top: 1100px; } #main.lifestyle02 .intro{ background-color: #814b37; } #main.lifestyle02 .grid-life .item01{ left: 0; top: 440px; } #main.lifestyle02 .grid-life .item02{ left: 660px; top: 0; } #main.lifestyle02 .grid-life .item03{ left: 880px; top: 220px; } #main.lifestyle02 .grid-life .item04{ left: 440px; top: 440px; } #main.lifestyle02 .grid-life .item05{ left: 880px; top: 660px; } #main.lifestyle02 .grid-life .item06{ left: 0; top: 1100px; } #main.lifestyle02 .grid-life .item07{ left: 0; top: 0; } #main.lifestyle02 .grid-life .item08{ left: 880px; top: 0; } #main.lifestyle02 .grid-life .item09{ left: 660px; top: 220px; } #main.lifestyle02 .grid-life .item10{ left: 660px; top: 440px; } #main.lifestyle02 .grid-life .item11{ left: 440px; top: 660px; } #main.lifestyle02 .grid-life .item12{ left: 0; top: 880px; } #main.lifestyle02 .grid-life .item13{ left: 220px; top: 880px; } #main.lifestyle02 .grid-life .item14{ left: 440px; top: 880px; } #main.lifestyle02 .grid-life .item15{ left: 220px; top: 1100px; } #main.lifestyle02 .grid-life .item16{ left: 880px; top: 880px; } #main.lifestyle02 .grid-life .item17{ left: 440px; top: 1100px; } #main.lifestyle02 .grid-life .item18{ left: 660px; top: 1100px; } #main.lifestyle03 .intro{ background-color: #577b92; } #main.lifestyle03 .grid-life .item01{ left: 0; top: 440px; } #main.lifestyle03 .grid-life .item02{ left: 660px; top: 0; } #main.lifestyle03 .grid-life .item03{ left: 880px; top: 220px; } #main.lifestyle03 .grid-life .item04{ left: 880px; top: 440px; } #main.lifestyle03 .grid-life .item05{ left: 0; top: 880px; } #main.lifestyle03 .grid-life .item06{ left: 660px; top: 880px; } #main.lifestyle03 .grid-life .item07{ left: 220px; top: 1100px; } #main.lifestyle03 .grid-life .item08{ left: 0; top: 0; } #main.lifestyle03 .grid-life .item09{ left: 880px; top: 0; } #main.lifestyle03 .grid-life .item10{ left: 660px; top: 220px; } #main.lifestyle03 .grid-life .item11{ left: 440px; top: 440px; } #main.lifestyle03 .grid-life .item12{ left: 440px; top: 660px; } #main.lifestyle03 .grid-life .item13{ left: 660px; top: 660px; } #main.lifestyle03 .grid-life .item14{ left: 220px; top: 880px; } #main.lifestyle03 .grid-life .item15{ left: 880px; top: 880px; } #main.lifestyle03 .grid-life .item16{ left: 0; top: 1100px; } #main.lifestyle03 .grid-life .item17{ left: 440px; top: 1100px; } #main.lifestyle03 .grid-life .item18{ left: 660px; top: 1100px; } /*location/access*/ /*-----------------------------------------------------------------*/ #main.page-access{ padding-bottom: 0; } #main.page-access .location-visual > .item{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 366px; margin-top: 40px; position: relative; } #main.page-access .location-visual > .item01, #main.page-access .location-visual > .item02{ width: 549px; } #main.page-access .location-visual > .item02, #main.page-access .location-visual > .item04, #main.page-access .location-visual > .item05{ border-left: 1px solid #fffaed; } #main.page-access .location-visual .photo{ position: relative; } #main.page-access .location-visual .photo .min{ position: absolute; right: 0; bottom: 0; } #main.page-access .location-visual .caption{ margin-top: 5px; } #main.page-access .multi-section{ background-color: #ffffff; padding: 90px 0 20px; text-align: center; } #main.page-access .multi-section > .section+.section{ margin-top: 90px; } #main.page-access .multi-section .ttl{ display: inline-block; *display: inline; *zoom: 1; padding-bottom: 10px; border-bottom: 1px solid #b49b96; } #main.page-access .life-info{ overflow: hidden; } #main.page-access .life-info > .item{ width: 510px; text-align: left; margin-top: 50px; float: left; clear: left; } #main.page-access .life-info > .item.separate, #main.page-access .life-info > .item.separate~.item{ float: none; clear: none; margin-left: 590px; } #main.page-access .life-info .child-ttl{ line-height: 23px; padding: 5px 0 5px 20px; border-left: 5px solid #b49b96; } #main.page-access .life-info .list-item{ margin: 10px 0 0 20px; } #main.page-access .life-info .list-item > .item{ overflow: hidden; border-bottom: 1px dotted #cccccc; padding: 5px 0; } #main.page-access .life-info .list-item .name{ float: left; width: 330px; } #main.page-access .life-info .list-item .distance{ float: right; width: 160px; text-align: right; } #main.page-access .life-info .list-item .zerofill{ visibility: hidden; } #main.page-access .map{ border: 2px solid #cccccc; width: 950px; margin-left: auto; margin-right: auto; position: relative; } #main.page-access .map:before{ content: ''; border: 1px solid #ffffff; width: 100%; height: 100%; position: absolute; left: -1px; top: -1px; } /*outline*/ /*-----------------------------------------------------------------*/ #main.page-outline table{ width: 980px; margin: 0 auto; background-color: #fdfaef; margin-bottom: 30px; } #main.page-outline table tr:nth-child(odd){ background: #ffffff; } #main.page-outline table th, #main.page-outline table td{ padding: 9px 20px; vertical-align: top; border-bottom: 1px dotted #aaaaaa; } #main.page-outline table th{ border-right: 1px solid #e0e0e0; font-weight: normal; } #main.page-outline table caption { text-align: left; } #main.page-outline .schedule { /**width: 980px;**/ width: 950px; margin: 0 auto; margin-bottom: 12px; border: solid #808080 1px; padding: 10px 15px; font: 18px; background-color: #434343; color: #C9C9C9; } #main.page-outline .bikou { width: 980px; margin: 0 auto; } /*works*/ /*-----------------------------------------------------------------*/ #main.page-works{ padding-bottom: 90px; } #main.page-works .work-collection{ width: 1000px; } #main.page-works .work-collection > .item{ display: inline-block; *display: inline; *zoom: 1; } #main.page-works .work-collection > .item~.item{ margin-left: 18px; } #main.page-works .work-collection+.work-collection > .item~.item{ margin-left: 26px; } #main.page-works .work-collection .caption{ line-height: 18px; } /*map*/ /*-----------------------------------------------------------------*/ #main.page-map .map{ border: 2px solid #cccccc; width: 950px; margin-left: auto; margin-right: auto; position: relative; } #main.page-map .map:before{ content: ''; border: 1px solid #ffffff; width: 100%; height: 100%; position: absolute; left: -1px; top: -1px; } /*sitemap*/ /*-----------------------------------------------------------------*/ #main.page-sitemap{ padding-bottom: 120px; } #main.page-sitemap .navi-item{ width: 900px; margin: 0 auto; overflow: hidden; } #main.page-sitemap .navi-item > .item{ border-left: 1px solid #9f8c59; float: left; clear: left; width: 420px; padding-left: 9px; } #main.page-sitemap .navi-item > .item a{ display: block; color: #9f8c59; background-color: #ebe9de; text-decoration: none; padding: 10px 15px; margin: -10px -15px; } #main.page-sitemap .navi-item > .item a:hover{ opacity: 1; background-color: #ded8c4; } #main.page-sitemap .navi-item > .item p{ color: #e6e1cd; background-color: #f8f6ee; padding: 10px 15px; } #main.page-sitemap .navi-item > .item .url-none{ font-weight: bold; color: #d6d5d1; background-color: transparent; padding: 5px 15px 5px 0; } #main.page-sitemap .navi-item > .item .url-none.enable{ color: #333333; } #main.page-sitemap .navi-item > .item+.item{ margin-top: 15px; } #main.page-sitemap .navi-item > .item.separate{ margin-top: 0; } #main.page-sitemap .navi-item > .item.separate, #main.page-sitemap .navi-item > .item.separate~.item{ float: none; clear: none; margin-left: 480px; } #main.page-sitemap .local-navi > .item{ margin-top: 5px; } /*interview*/ /*-----------------------------------------------------------------*/ #main.page-interview{ padding-bottom: 120px; } #main.page-interview .interview-container{ width: 1000px; } #main.page-interview .intro{ position: relative; } #main.page-interview .intro .photo{ position: absolute; bottom: 0; } #main.page-interview .intro .txt-body{ width: 530px; } #main.page-interview .interview-container.interview01 .intro .photo{ left: 0; } #main.page-interview .interview-container.interview01 .intro .txt-body{ margin-left: auto; } #main.page-interview .interview-container.interview02 .intro .photo{ right: 0; } #main.page-interview .intro .note{ border: solid #391d25; border-width: 1px 0; padding: 25px 0; } #main.page-interview .interview-item .item{ width: 460px; display: inline-block; vertical-align: top; } #main.page-interview .interview-item .item+.item{ margin-left: 80px; } #main.page-interview .interview-item .head{ border-left: 3px solid #391d25; padding-left: 35px; position: relative; } #main.page-interview .interview-item .head:before{ content: ''; position: absolute; left: 5px; top: 0; width: 1px; height: 100%; background-color: #391d25; } #main.page-interview .interview-item p{ line-height: 32px; } #main.page-interview .interview-etc{ background-color: #ffffff; border: solid #391d25; border-width: 1px 0; position: relative; padding: 0 70px 90px; } #main.page-interview .interview-etc:before{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: -5px; border: solid #391d25; border-width: 2px 0; padding: 3px 0; } #main.page-interview .interview-etc > *{ position: relative; } #main.page-interview .interview-etc .favorite .deco{ position: absolute; top: -60px; width: 140px; text-align: center; left: 0; } #main.page-interview .interview-etc .favorite .head{ padding: 70px 0; } #main.page-interview .interview-etc .favorite .list-item .item{ display: inline-block; vertical-align: top; width: 260px; } #main.page-interview .interview-etc .favorite .list-item .item+.item{ margin-left: 40px; } #main.page-interview .interview-etc .shop-info{ background-color: #f2f1f1; padding: 40px; overflow: hidden; } #main.page-interview .interview-etc .shop-info .photo{ float: right; } #main.page-interview .interview-etc .shop-info .txt-body{ text-align: center; margin-left: -40px; padding-top: 30px; } #main.page-interview .interview-etc .shop-info .txt-body .photo-list .item{ display: inline-block; } #main.page-interview .interview-etc .shop-info .txt-body .photo-list .item+.item{ margin-left: 8px; } #main.page-interview .interview-navi{ text-align: center; margin-bottom: 125px; } #main.page-interview .interview-navi .navi{ display: inline-block; vertical-align: top; background-color: #391d25; position: relative; } #main.page-interview .interview-navi .navi+.navi{ margin-left: 20px; } #main.page-interview .interview-navi .navi a{ opacity: 0.2; } #main.page-interview .interview-navi .navi a:hover, #main.page-interview .interview-navi .navi.current a{ opacity: 1; } #main.page-interview .interview-navi .navi.current:before{ content: ''; position: absolute; left: 50%; top: 100%; border: solid transparent; border-width: 8px 10px; border-top-color: #391d25; margin-left: -10px; } /*column*/ /*-----------------------------------------------------------------*/ #main.page-column{ padding-bottom: 120px; } #main.page-column .person-container{ background-color: #c5a03f; margin-left: auto; margin-right: auto; width: 480px; position: relative; min-height: 390px; padding: 35px 35px 35px 485px; } #main.page-column .person-container .photo{ position: absolute; left: 0; top: 0; } #main.page-column .person-container .txt{ color: #ffffff; font-size: 12px; line-height: 20px; } #main.page-column .person-container .ext-link .icon{ color: #693935; } #main.page-column .person-container .ext-link a{ color: #693935; } #main.page-column .message-container{ width: 740px; margin-left: auto; margin-right: auto; } #main.page-column .message-container .ttl{ border: double #693935; border-width: 3px 0; text-align: center; padding: 30px 0; } #main.page-column .message-container *+.ttl{ margin-top: 90px; } #main.page-column .message-container .txt{ font-size: 16px; line-height: 34px; } #main.page-column .message-container .txt .marker{ color: #e76e12; text-decoration: underline; font-weight: bold; } #main.page-column .message-container .txt strong{ color: #333333; } #main.page-column .message-container .note{ background-color: #ffffff; border: 1px solid #e6e3cc; padding: 40px 119px; } #main.page-column .message-container .ext-link{ border-top: 1px solid #cccccc; margin-top: 100px; padding-top: 40px; } #main.page-column .message-container .ext-link .icon{ color: #693935; } #main.page-column .message-container .ext-link a{ color: #2ca4de; } /*mansionreport*/ #main.page-mansionreport{ padding-bottom: 120px; } #main.page-mansionreport .photo{ text-align: center; margin-top: 36px;} #main.page-mansionreport .txtmr{margin-top: 36px;} /*momi_qa*/ /*-----------------------------------------------------------------*/ #momi-m h1 { margin: 0 auto 50px; } #main.page-momi-m article { width:1000px; margin-right: auto; margin-left: auto; text-align: center; background-color: #fff; padding-bottom: 40px; } #main.page-momi-m .question p { display: inline-block; margin-bottom: 12px; border-top: dotted #CBCBCB 1px; } #main.page-momi-m .column { margin-top: 40px; margin-bottom: 50px; } #main.page-momi-m article .bunner { } /** otehrs もみの木ページ **/ #main.page-others .momi-container { width: 1070px; overflow: hidden; margin: 0 auto; } #main.page-others .momi-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #main.page-others .momi-container .link { background-color: #fff; width: 980px; text-align: center; padding: 30px 0 50px 0; } #main.page-others .momi-container .link a { padding: 20px 40px; border: 1px solid #35322e; color: #35322e; background-color: #F4EDDC; font-weight: bold; font-size: 20px; display: inline-block; margin: 0 auto 0 auto; text-align: center; } #main.page-others .momi-container .link a img { margin: 10px 0 0 0; } /** add 資料（設備ページより） **/ #main.page-others .eco-ext03{ background-color: #f4f0e1; padding: 35px; } #main.page-others .eco-ext04{ width: 610px; float: right; } #main.page-others .eco-ext05{ padding-left: 19px; float: right; } #main.page-others .eco-ext06{ position: relative; } #main.page-others .eco-ext06 .txt{ position: absolute; left: 616px; top: 274px; } #main.page-others .eco-ext07{ position: relative; } #main.page-others .eco-ext07 .txt{ position: absolute; left: 254px; top: 230px; } #main.page-others .eco-ext07 .tennen{ position: absolute; bottom: 30px; right: 30px; } #main.page-others .eco-ext08{ overflow: hidden; } #main.page-others .eco-ext08+.eco-ext08{ border-top: 1px solid #b7aa9f; padding-top: 30px; margin-top: 30px; } #main.page-others .eco-ext08 .photo{ float: left; padding-right: 20px; } #main.page-others .eco-ext08 .photo-s{ float: right; padding-left: 40px; } #main.page-others .eco-ext08 .txt-body > *{ overflow: hidden; } #main.page-others .eco-ext08 *{ color: #726257; } #main.page-others .eco-ext03 {width: 980px;} #main.page-others h3 img { width: 100%; } /*20190508追加*/ /*クリッカブルマップ----------------------------------------------*/ area{ border:none; outline:none; }