@charset "utf-8"; /* CSS Document */ /* モデルルームご案内 ---------------------------------------------------------------------------------------*/ #modelroom{} #modelroom h1{ margin:0 auto 50px;} #modelroom .map{ margin:0 auto 40px;} #modelroom .mapDetail{ width:1000px; background:#efefef; padding:0 0 40px; margin:0 auto 40px;} #modelroom .mapDetail h2{ background:#727071; height:50px; margin-bottom:40px; padding-top:14px; box-sizing: border-box;} #modelroom .mapDetail .inner{ margin-left:130px; text-align:left;} #modelroom .mapDetail .detailMap{ margin:0 auto 40px;} #modelroom .mapDetail ul{} #modelroom .mapDetail ul li{ display:block; font-size:0; position:relative;} #modelroom .mapDetail ul li:nth-of-type(1){ margin-bottom:60px;} #modelroom .mapDetail ul li:nth-of-type(1) .ph{ margin:0 auto 10px;} #modelroom .mapDetail ul li:nth-of-type(1) .ph + p{} #modelroom .mapDetail ul li:nth-of-type(n + 2){ margin-bottom:35px;} #modelroom .mapDetail ul li .ph{ margin-right:30px;} #modelroom .mapDetail ul li .ph + p{ font-size:16px;} #modelroom .mapDetail ul li .ph + p strong{ color:#74001c;} #modelroom .mapDetail ul li .ph,#modelroom .mapDetail ul li .ph + p{ display:inline-block; /display:inline; /zoom:1; vertical-align:middle;} #modelroom .mapDetail ul li:before{ width:41px; height:55px; left:-70px; top:70px;} #modelroom .mapDetail ul li:nth-of-type(1):before{ background:url(../img/modelroom/access01_no.png) no-repeat; top:100px;} #modelroom .mapDetail ul li:nth-of-type(2):before{ background:url(../img/modelroom/access02_no.png) no-repeat;} #modelroom .mapDetail ul li:nth-of-type(3):before{ background:url(../img/modelroom/access03_no.png) no-repeat;} #modelroom .mapDetail ul li:nth-of-type(4):before{ background:url(../img/modelroom/access04_no.png) no-repeat;} #modelroom .mapDetail ul li:nth-of-type(5):before{ background:url(../img/modelroom/access05_no.png) no-repeat;} #modelroom .mapDetail ul li:nth-of-type(6):before{ background:url(../img/modelroom/access06_no.png) no-repeat;} #modelroom .mapDetail ul li:after{ left:170px; top:100%; width: 18px; height: 18px; border-top: 1px solid rgba(0,0,0,0.5); border-right: 1px solid rgba(0,0,0,0.5); -moz-transform: rotate(135deg);-webkit-transform: rotate(135deg); transform: rotate(135deg);} #modelroom .mapDetail ul li:nth-of-type(1):after{ /*left:0; right:0; margin: auto;*/ left:360px; top:calc(100% + 10px);} #modelroom .mapDetail ul li:last-child:after{ content:none;} #modelroom .mapDetail ul li:before, #modelroom .mapDetail ul li:after{ content:""; position:absolute;} #modelroom .mapDetail ul li span{ width:355px; margin-right:30px; display:inline-block; /display:inline; /zoom:1; vertical-align:top;} #modelroom .mapDetail ul li span:nth-of-type(1) h3{ background:#a99c4d;} #modelroom .mapDetail ul li span:nth-of-type(2) h3{ background:#876693;} #modelroom .mapDetail ul li span:nth-of-type(2){ margin-right:0;} #modelroom .mapDetail ul li h3{ font-size:21px; color:#fff; font-weight:300; text-align:center;} /* モデルルーム ---------------------------------------------------------------------------------------*/ #model{} #model .contents{ overflow: visible;} #model h1{ margin:0 auto 50px;} #model .slider-for{ margin:0 auto 20px;} #model .slider-nav{ width:1000px; margin:0 auto 160px;} #model .slider-nav .slick-img{ cursor:pointer;} #model .slider-nav .slick-img img{ -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;} #model .slider-nav .slick-img:hover img, #model div.slider-nav .slick-current .slick-img img{ opacity:0.0;} #model div.slider-nav div.slick-img.t01{ background:url(../img/model/t01_active.jpg) no-repeat;} #model div.slider-nav div.slick-img.t02{ background:url(../img/model/t02_active.jpg) no-repeat;} #model div.slider-nav div.slick-img.t03{ background:url(../img/model/t03_active.jpg) no-repeat;} #model div.slider-nav div.slick-img.t04{ background:url(../img/model/t04_active.jpg) no-repeat;} #model div.slider-nav div.slick-img.t05{ background:url(../img/model/t05_active.jpg) no-repeat;} #model div.slider-nav div.slick-img.t06{ background:url(../img/model/t06_active.jpg) no-repeat;} #model div.slider-nav div.slick-img.t07{ background:url(../img/model/t07_active.jpg) no-repeat;} #model div.slider-nav div.slick-img.t08{ background:url(../img/model/t08_active.jpg) no-repeat;} #model div.slider-nav div.slick-img.t09{ background:url(../img/model/t09_active.jpg) no-repeat;} #model div.slider-nav div.slick-img.t10{ background:url(../img/model/t10_active.jpg) no-repeat;} #model div.slider-nav div.slick-img.t11{ background:url(../img/model/t11_active.jpg) no-repeat;} #model .slick-prev,#model .slick-next{ width:45px; height:45px; z-index:100;} #model .slick-prev{ background:url(../img/model/prev.png) no-repeat; left:-23px;} #model .slick-next{ background:url(../img/model/next.png) no-repeat; right:-23px;} #model .slick-prev::before,#model .slick-next::before{ content:none;} /*#model .slider-nav .slick-next{ right:-50px;}*/ /* 設備・仕様 ---------------------------------------------------------------------------------------*/ /* 設備・仕様、構造ページ　共通 */ .set{ width:100%; overflow:hidden;} .column4{ overflow:hidden; text-align:left;} .column4 > li{ width:22.8%; margin-right:2.91%; margin-bottom:30px;} .column4 > li:nth-of-type(4n),#equipment ul.column4 > li:last-child{ margin-right:0;} .column3{ overflow:hidden; text-align:left;} .column3 > li{ width:32%; margin-right:2.0%; margin-bottom:30px; overflow:hidden;} .column3 > li:nth-of-type(3n),#equipment ul.column3 > li:last-child{ margin-right:0;} .column3 > li > p:first-child{ float:left; margin-right:5%;} .column3 > li > .eqpTit{ margin-top:0;} .column3_2{ overflow:hidden; text-align:left; } .column3_2 > li{ width:30%; margin-right:4.5%; margin-bottom:30px;} .column3_2 > li:nth-of-type(3n),#equipment ul.column3_2 > li:last-child{ margin-right:0;} .column2{ overflow:hidden; text-align:left;} .column2 > li{ width:48.55%; margin-right:2.82%; margin-bottom:30px;} .column2 > li:nth-of-type(2n),#equipment ul.column2 > li:last-child{ margin-right:0;} .column{ overflow:hidden; text-align:left;} .column > li{ width:100%; margin-bottom:30px;} .column2_2{ overflow:hidden; text-align:left;} .column2_2 li{ width:47.72%; margin-right:4.5%; margin-bottom:30px;} .column2_2 > li:nth-of-type(2n),#equipment ul.column2_2 > li:last-child{ margin-right:0;} .column2_3{ overflow:hidden; text-align:left;} .column2_3 > li{ margin-bottom:30px;} .column2_3 > li:nth-of-type(1){ width:66%; margin-right:2%;} .column2_3 > li:nth-of-type(2){ width:32%;} .column2_3 > li > p:first-child{ float:left;} .column2_3 > li:nth-of-type(1) > p:first-child{ margin-right:2.5%;} .column2_3 > li:nth-of-type(2) > p:first-child{ margin-right:5%;} .column2_3 > li:nth-of-type(2n),#equipment ul.column2_2 > li:last-child{ margin-right:0;} .column2_3 > li > .eqpTit{ margin-top:0;} ul.point{ margin-top:10px;} ul.point > li{ width:49.45%; border:1px solid #b5b5b6; text-align:center; margin-right:1.1%; margin-bottom:1.1%; font-size:12px !important; padding:2px 0;} ul.point > li:nth-of-type(2n){ margin-right:0;} ul.point > li.wide{ width:100%;} .eqpTitle{ border-bottom:1px solid #bdbcbc; padding-bottom:10px; margin-bottom:30px; text-align:left;} .eqpTit{ color:#5e3483; font-size:16px; font-weight:bold; margin:10px 0 2px; line-height:1.6; letter-spacing:0; font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;} .eqpTit + p{ font-size:12px; letter-spacing:0;} #equipment .contents sup,#structure .contents sup{ font-size:60%;} .eqpTitle2{ /*background:#9e85b5;*/ background:rgba(135,128,128,0.8); color:#fff; font-size:18px; font-weight:bold; text-align:left; padding:2px 10px 2px; margin:0 auto 20px; font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;} .eqpTitle3{ background:#9e85b5; color:#fff; font-size:16px; font-weight:500; text-align:left; padding:2px 10px 2px; margin:0 auto 20px;} #equipment span,#structure span{ font-size:80%; display:block; margin-top:5px; text-align:left;} #equipment .cap,#structure .cap { width:1100px; margin:0 auto 60px; text-align:left;} #equipment .contents ul li img, #structure .contents ul li img{ width:100%; height:auto;} #equipment .left,#structure .left { float:left;} #equipment .right,#structure .right { float:right;} .w50{ width:48.55%;} .w80{ width:74.27%;} .w20{ width:22.82%;} .w60{ width:54.82%;} .w40{ width:42.18%;} .eqpNav{ /*background:#e2e2e2;*/ background:rgba(135,128,128,0.1); padding:12px 0px;} .eqpNav ul{ } .eqpNav ul li:last-child{ margin-right:0 !important;} .eqpNav ul li a:hover img{ opacity:1;} .eqpNav ul li a img{ -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;} .eqpNav.upper{ margin:60px auto 60px;} .eqpNav.bottom{ margin:60px auto 60px;} #equipment .eqpNav ul li{ margin-right:6px !important; } #equipment .eqpNav ul li,#equipment .eqpNav ul li img{ width:148px !important;} #equipment,#structure{ font-size:13px;} /* キッチン */ #equipment .contents.kitchen{ width:1100px; margin:0 auto;} #equipment .kitchen{} #equipment .kitchen .set .column2{} /* サニタリー */ #equipment .contents.sanitary{ width:1100px; margin:0 auto;} #equipment .sanitary{} #equipment .sanitary .bathroom{ margin-bottom:100px;} #equipment .sanitary .bathroom .wide{ width:48.55%;} /* 玄関・バルコニー・収納 */ #equipment .contents.foyer{ width:1100px; margin:0 auto;} #equipment .foyer{} #equipment .foyer .foyer_detail{ overflow:hidden; margin-bottom:50px;} #equipment .foyer .foyer_detail .wide{ width:100%;} #equipment .foyer .foyer_detail .column2 li:nth-of-type(2n){ margin-right:2.82%; !important;} #equipment .foyer .balcony{ overflow:hidden; margin-bottom:50px;} #equipment .foyer .storage{ overflow:hidden; margin-bottom:50px;} /* コンフォート */ #equipment .contents.comfort{ width:1100px; margin:0 auto;} #equipment .comfort{} #equipment .comfort .mominoki{} #equipment .comfort .mominoki .c01{ position:relative; margin-bottom:50px; overflow:hidden;} #equipment .comfort .mominoki .c01 > p:first-child{ float:left; margin-right:40px;} #equipment .comfort .mominoki .c01 h3{ font-size:21px; margin-bottom:20px; margin-top:20px;} #equipment .comfort .mominoki .c01 h3 + p{ font-size:14px;} #equipment .comfort .mominoki .c01 h3, #equipment .comfort .mominoki .c01 h3 + p{ text-align:left !important; font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;} #equipment .comfort .mominoki h4{ color:#9e85b5; font-size:21px; margin-bottom:20px; font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;} #equipment .comfort .mominoki ul{ margin:0 auto 50px;} #equipment .comfort .mominoki ul li{ width:344px; margin-right:34px; text-align:left;} #equipment .comfort .mominoki ul li:last-child{ margin-right:0;} #equipment .comfort .mominoki ul li h5{ margin-bottom:15px;} #equipment .comfort .mominoki ul li h5 + p{ margin-bottom:15px;} #equipment .comfort .roof{ overflow:hidden; margin:0 auto 50px; text-align:left;} #equipment .comfort .roof h2 + p{ float:left; margin-right:30px; margin-bottom:30px;} #equipment .comfort .roof div{ clear:both; border:1px solid rgba(0,0,0,0.3); padding:10px 20px 20px; overflow:hidden;} #equipment .comfort .roof div .eqpTit{ margin-bottom:10px; font-size:18px;} #equipment .comfort .roof div .eqpTit + p{ float:right; margin-left:30px; margin-top:5px;} #equipment .comfort .roof div .eqpTit + p + p span{ margin-top:15px;} #equipment .comfort .ventilation{ margin:0 auto 50px; text-align:left;} #equipment .comfort .ventilation .eqpTitle2{} #equipment .comfort .ventilation .eqpTitle2 + p{ margin-bottom:20px;} #equipment .comfort .ventilation ul{} #equipment .comfort .ventilation ul li{ margin-right:30px;} #equipment .comfort .ventilation ul li:last-child{ margin-right:0; font-size:12px; width:240px;} #equipment .commonspace{ margin:0 auto 30px;} /* ユニバーサルデザイン */ #equipment .contents.universal_design{ width:1100px; margin:0 auto;} #equipment .universal_design{} #equipment .universal_design .detail{ text-align:left;} #equipment .universal_design .detail .c01{ overflow:hidden; margin-bottom:60px;} #equipment .universal_design .detail .c01 div{ float:left; width:654px;} #equipment .universal_design .detail .c01 .eqpTit{} #equipment .universal_design .detail .c01 .eqpTit + p{ margin-bottom:20px;} #equipment .universal_design .detail .c01 .eqpTit + p + p{} #equipment .universal_design .detail .c01 ul{ float: right; width:415px; margin-top:36px;} #equipment .universal_design .detail .c01 ul li{} #equipment .universal_design .detail .c01 ul li:nth-of-type(1){ width:180px; margin-right:30px;} #equipment .universal_design .detail .c01 ul li:nth-of-type(2){ width:200px;} #equipment .universal_design .detail .column4{ margin-bottom:30px;} #equipment .universal_design .detail .column3{ margin-bottom:30px;} /* エコロジー */ #equipment .contents.ecology{ width:1100px; margin:0 auto;} #equipment .ecology{} #equipment .ecology .s01{ border-bottom:1px solid rgba(0,0,0,0.3); padding-bottom:20px; margin-bottom:40px;} #equipment .ecology .s01 ul{} #equipment .ecology .s01 ul li{} #equipment .ecology .s01 ul li:nth-of-type(1){} #equipment .ecology .s01 ul li:nth-of-type(1) div{ width:100%; margin-bottom:46px; overflow:hidden;} #equipment .ecology .s01 ul li:nth-of-type(1) div .eqpTit{} #equipment .ecology .s01 ul li:nth-of-type(1) div .eqpTit + p{ float:right;} #equipment .ecology .s01 ul li:nth-of-type(1) div .eqpTit + p + p{ float:left; width:320px; font-size:12px;} #equipment .ecology .s01 ul li:nth-of-type(1) div + p{ width:422px; margin:0 auto;} #equipment .ecology .s01 ul li:nth-of-type(2){} #equipment .ecology .s01 ul li:nth-of-type(2) div{ width:47.5%; float:left;} #equipment .ecology .s01 ul li:nth-of-type(2) div .eqpTit + p{ margin-bottom:36px;} #equipment .ecology .s01 ul li:nth-of-type(2) div + p{ float:right; width:47.5%;} #equipment .ecology ul li .eqpTit{ margin-top:0; margin-bottom:15px;} #equipment .ecology .s02{ border-bottom:1px solid rgba(0,0,0,0.3); padding-bottom:20px; margin-bottom:40px;} #equipment .ecology .s02 ul li:nth-of-type(1){ margin-bottom:0;} #equipment .ecology .s02 ul li:nth-of-type(1) ul.ecomode{} #equipment .ecology .s02 ul li:nth-of-type(1) ul.ecomode li{ width:47.5%; margin-right:5%; font-size:12px; margin-bottom:20px;} #equipment .ecology .s02 ul li:nth-of-type(1) ul.ecomode li:nth-of-type(2n){ margin-right:0;} #equipment .ecology .s02 ul li:nth-of-type(1) ul.ecomode li h4{ background:rgba(0,0,0,0.4); color:#fff; font-size:16px; padding:0 8px; margin-bottom:10px;} #equipment .ecology .s02 ul li:nth-of-type(1) ul.ecomode li h4 + p{ margin-bottom:15px;} #equipment .ecology .s02 ul li:nth-of-type(2){ margin-bottom:0;} #equipment .ecology .s02 ul li:nth-of-type(2) .eqpTit + p{ margin-bottom:20px;} #equipment .ecology .s03{ margin-bottom:50px;} /* マルチメディア */ #equipment .contents.multimedia{ width:1100px; margin:0 auto;} #equipment .multimedia{} #equipment .multimedia .s01{ text-align:left; overflow:hidden; padding-bottom:50px; margin-bottom:40px; border-bottom:1px solid rgba(0,0,0,0.3);} #equipment .multimedia .s01 div.c01{ width:800px; float:left; overflow:hidden;} #equipment .multimedia .s01 div.c01 > p:nth-of-type(1){ float:left; margin-bottom:30px;} #equipment .multimedia .s01 div.c01 div{ width:520px; float:right; margin-bottom:30px; } #equipment .multimedia .s01 div.c01 div .eqpTit{ margin-top:0; font-size:18px;} #equipment .multimedia .s01 div.c01 div ul{} #equipment .multimedia .s01 div.c01 div ul li{ display:block; font-size:16px;} #equipment .multimedia .s01 div.c01 div ul li:nth-of-type(1):before{ content:"\02460";} #equipment .multimedia .s01 div.c01 div ul li:nth-of-type(2):before{ content:"\02461";} #equipment .multimedia .s01 div.c01 div + p{ clear:both;} #equipment .multimedia .s01 div.c01 + ul{ width:250px; float:right;} #equipment .multimedia .s01 div.c01 + ul li{ width:100%;} #equipment .multimedia .s01 div.c01 + ul li .eqpTit{ margin-top:0; margin-bottom:10px;} #equipment .multimedia .s01 div.c01 + ul li .eqpTit + p span{ margin-top:10px;} #equipment .multimedia .s01 div.c01 + ul li:nth-of-type(1){ margin-bottom:50px;} #equipment .multimedia .s02{ margin-bottom:50px;} #equipment .multimedia .s02 ul{ text-align:left;} #equipment .multimedia .s02 ul li > p:first-child{ text-align:center;} #equipment .multimedia .s02 ul li img{ width:auto !important;} /* #equipment .multimedia .s03{ text-align:left; overflow:hidden; position:relative; padding-bottom:50px; margin-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.3);} #equipment .multimedia .s03 .eqpTit{ margin:0 0 10px 0;} #equipment .multimedia .s03 div{ float:left; width:230px; margin-right:20px;} #equipment .multimedia .s03 .ph01{ margin-top:20px;} #equipment .multimedia .s03 .ph02{ position:absolute; top:0; right:0;} #equipment .multimedia .s03{ text-align:left; overflow:hidden; position:relative; padding-bottom:50px; margin-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.3);} #equipment .multimedia .s03 .eqpTit{ margin:0 0 10px 0;} #equipment .multimedia .s03 .eqpTit + p{ margin-bottom:20px;} */ #equipment .multimedia .s03{ text-align:left; overflow:hidden; position:relative; padding-bottom:40px; margin-bottom:10px; border-bottom:1px solid rgba(0,0,0,0.3);} #equipment .multimedia .s03 .eqpTit{ margin:0 0 10px 0;} #equipment .multimedia .s03 div{ width:760px; float:left;} #equipment .multimedia .s03 .ph01{ margin-left:150px; margin-top:25px;} /*#equipment .multimedia .s03 .ph02{ float:left; }*/ #equipment .multimedia .s03 .ph02{ float:right;} /* 構造・セキュリティ ---------------------------------------------------------------------------------------*/ #structure{ font-size:13px;} #structure .eqpNav{ /*background:#e2e2e2; padding:12px 0px;*/} #structure .eqpNav ul{ } #structure .eqpNav ul li{ margin-right:12px !important; } #structure .eqpNav ul li:last-child{ margin-right:0 !important;} #structure .eqpNav ul li,#structure .eqpNav ul li img{ width:318px !important;} #structure .eqpNav ul li a:hover img{ opacity:1;} #structure .eqpNav ul li a img{ -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;} /* 構造 */ #structure .contents.ground{ width:1100px; margin:0 auto;} #structure .ground{} #structure .ground .eqpTit{ margin:0 auto 8px;} #structure .ground .s01{} #structure .ground .s01 .eqpTit + p{} #structure .ground .s01 ul{} #structure .ground .s01 ul:nth-of-type(1) li:nth-of-type(1){} #structure .ground .s01 ul:nth-of-type(1) li:nth-of-type(1) .eqpTit + p{} #structure .ground .s01 ul:nth-of-type(1) li:nth-of-type(1) .eqpTit + p + p{ width:416px; margin:30px auto 0;} #structure .ground .s01 ul:nth-of-type(1) li:nth-of-type(2) .eqpTit + p + p{ width:495px; margin:30px auto 0;} #structure .ground .s01 ul:nth-of-type(n + 2) li{ border-top:1px solid rgba(0,0,0,0.3); padding-top:30px; margin-top:10px;} #structure .ground .s01 ul:nth-of-type(2){} #structure .ground .s01 ul:nth-of-type(2) li{ margin-bottom:15px;} #structure .ground .s01 ul:nth-of-type(2) li:nth-of-type(1) .point{} #structure .ground .s01 ul:nth-of-type(2) li:nth-of-type(1) .point li{ width:100%; padding:5px 15px; text-align:left; margin:0 auto 10px;} #structure .ground .s01 ul:nth-of-type(2) li:nth-of-type(1) .point + p{ width:420px; margin:30px auto 0;} #structure .ground .s01 ul:nth-of-type(2) li:nth-of-type(2) ul{} #structure .ground .s01 ul:nth-of-type(2) li:nth-of-type(2) ul li{ border:none; width:100%; padding:0; margin-top:0;} #structure .ground .s01 ul:nth-of-type(2) li:nth-of-type(2) ul li:nth-of-type(1){ border-bottom:1px solid rgba(0,0,0,0.3); padding-bottom:25px; margin-bottom:25px;} #structure .ground .s01 ul:nth-of-type(2) li:nth-of-type(2) ul li:nth-of-type(1) .eqpTit + p + p{ width:340px; margin:20px auto 0;} #structure .ground .s01 ul:nth-of-type(2) li:nth-of-type(2) ul li:nth-of-type(2) > p:nth-of-type(1){ width:167px; float:right; margin-left:30px;} #structure .ground .s01 ul:nth-of-type(3){} #structure .ground .s01 ul:nth-of-type(3) li{} #structure .ground .s01 ul:nth-of-type(3) li p.right{ margin-left:30px;} #structure .ground .s02{ border-top:1px solid rgba(0,0,0,0.3); padding-top:30px; margin-top:10px; text-align:left;} #structure .ground .s02 .eqpTit + p{ margin-bottom:20px;} #structure .ground .s03{ border-top:1px solid rgba(0,0,0,0.3); padding-top:30px; margin-top:40px; text-align:left; overflow:hidden;} #structure .ground .s03 div{ width:515px; float:left;} #structure .ground .s03 div .eqpTit{} #structure .ground .s03 div .eqpTit + p{ float:right; margin-left:30px;} #structure .ground .s03 ul{ width:515px; float:right;} #structure .ground .s03 ul li{ display:block; overflow:hidden; margin-bottom:12px;} #structure .ground .s03 ul li:nth-of-type(1) .eqpTit:before{ content:"\02460";} #structure .ground .s03 ul li:nth-of-type(2) .eqpTit:before{ content:"\02461";} #structure .ground .s03 ul li:nth-of-type(3) .eqpTit:before{ content:"\02462";} #structure .ground .s03 ul li:nth-of-type(4) .eqpTit:before{ content:"\02463";} #structure .ground .s03 ul li p:nth-of-type(1){ float:right; margin-left:30px;} #structure .ground .s03 ul li .eqpTit{ margin-bottom:0px;} #structure .ground .s04{ border-top:1px solid rgba(0,0,0,0.3); padding-top:30px; margin-top:40px; text-align:left; overflow:hidden;} #structure .ground .s04 div{ width:515px; float:left;} #structure .ground .s04 div .eqpTit + p{ margin-bottom:20px;} #structure .ground .s04 ul{ width:515px; float:right;} #structure .ground .s04 ul li{ display:block; overflow:hidden; margin-bottom:25px;} #structure .ground .s04 ul li p:nth-of-type(1){ float:right; margin-left:30px;} #structure .ground .s04 ul li .eqpTit{ margin-bottom:0px;} /* セキュリティ */ #structure .contents.security{ width:1100px; margin:0 auto;} #structure .security{} #structure .security .eqpTit{ margin:0 auto 8px;} #structure .security .s01{ text-align:left; border-bottom:1px solid rgba(0,0,0,0.3); padding-bottom:40px; margin-bottom:40px;} #structure .security .s01 .eqpTit + p{ margin-bottom:20px;} #structure .security .s01 .eqpTit + p + p{ margin:0 auto 30px; width:978px;} #structure .security .s01 ul{} #structure .security .s01 ul li{ width:515px; margin-right:50px;} #structure .security .s01 ul li > p:nth-of-type(1){ float:right; margin-left:30px;} #structure .security .s02{ text-align:left; border-bottom:1px solid rgba(0,0,0,0.3); padding-bottom:40px; margin-bottom:40px;} #structure .security .s02 div{ margin-bottom:30px; overflow:hidden;} #structure .security .s02 div > p:nth-of-type(1){ float:right; margin-left:30px;} #structure .security .s02 ul{} #structure .security .s02 ul li{ width:344px; margin-right:34px; } #structure .security .s02 ul li > p:nth-of-type(1){ float:right; margin-left:30px;} #structure .security .s02 ul li:nth-of-type(3){ } #structure .security .s02 ul li:nth-of-type(3) > p:nth-of-type(1){ float:none; margin-left:0px; margin-bottom:10px;} #structure .security .s02 ul li:nth-of-type(3) .eqpTit + p + p{ width:324px; margin:0 auto;} #structure .security .s03{ text-align:left; border-bottom:1px solid rgba(0,0,0,0.3); padding-bottom:40px; margin-bottom:40px; position:relative;} #structure .security .s03 div{ margin-bottom:40px; /*overflow:hidden;*/ position:relative;} #structure .security .s03 div > p:nth-of-type(1){ float:right; margin-left:30px;} #structure .security .s03 div h3.eqpTit{ margin-bottom:15px;} #structure .security .s03 div h3.eqpTit + p{ line-height:2;} #structure .security .s03 div h3.eqpTit + p + p{ /*margin:30px auto 0; text-align:center; position:relative; left:-30px;*/ position:absolute; bottom:-130px; left:60px;} #structure .security .s03 ul{ margin-left:436px;}/* w664px; */ #structure .security .s03 ul li{} #structure .security .s03 ul li:nth-of-type(1) > p:nth-of-type(1){ float:right; margin-left:25px;} #structure .security .s03 ul li:nth-of-type(1){ width:400px; margin-right:50px; } #structure .security .s03 ul li:nth-of-type(1) img{ width:180px; height:auto;} #structure .security .s03 ul li:nth-of-type(2){ width:calc(100% - 450px);} #structure .security .s04{ text-align:left; overflow:hidden;} #structure .security .s04 > div{ width:570px; float:left;} #structure .security .s04 > div div.key{ margin-bottom:30px; overflow:hidden; position:relative;} #structure .security .s04 > div div.key ul{} #structure .security .s04 > div div.key ul li{ position:absolute; width:180px;} #structure .security .s04 > div div.key ul li:nth-of-type(1){ top:0; left:0;} #structure .security .s04 > div div.key ul li:nth-of-type(2){ top:0; right:0;} #structure .security .s04 > div div.key ul li:nth-of-type(3){ top:125px; right:0;} #structure .security .s04 > div div.key ul li .eqpTit + p{ margin-bottom:15px;} #structure .security .s04 > div div.key ul + p{ margin-left:196px; margin-top:6px;} #structure .security .s04 > div div.key + div{} #structure .security .s04 > div div.key + div > p:nth-of-type(1){ float:right; margin-left:30px; } #structure .security .s04 > div + ul{ width:480px; float:right;} #structure .security .s04 > div + ul li{ display:block; overflow: hidden; margin-bottom:25px;} #structure .security .s04 > div + ul li p:nth-of-type(1){ float:right; margin-left:30px;} /* 信頼とサポート */ #structure .contents.support{ width:1100px; margin:0 auto;} #structure .support{} #structure .support .maintenance{ margin-bottom:100px;} #structure .support .maintenance .s01{ text-align:left; overflow:hidden; margin-bottom:60px;} #structure .support .maintenance .s01 ul{} #structure .support .maintenance .s01 ul li{ font-size:12px;} #structure .support .maintenance .s01 ul li:nth-of-type(1){ width:700px; float:left;} #structure .support .maintenance .s01 ul li:nth-of-type(1) > p:nth-of-type(1){ width:285px; margin:40px auto 40px;} #structure .support .maintenance .s01 ul li:nth-of-type(2){ width:344px; float:right;} #structure .support .maintenance .s01 ul li:nth-of-type(2) > p:nth-of-type(1){ margin-bottom:20px;} #structure .support .maintenance .s02{ text-align:left; overflow:hidden; margin-bottom:60px;} #structure .support .maintenance .s02 div:nth-of-type(1) > p:nth-of-type(1){ font-size:18px; font-weight:bold; color:#8f71a8; float:left; font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;} #structure .support .maintenance .s02 div:nth-of-type(1) > p:nth-of-type(1) + p{ float:right;} #structure .support .maintenance .s02 div:nth-of-type(1) > p:nth-of-type(1), #structure .support .maintenance .s02 div:nth-of-type(1) > p + p{ margin-bottom:25px; } #structure .support .maintenance .s02 div:nth-of-type(1){ overflow:hidden;} #structure .support .maintenance .s02 div:nth-of-type(n + 2){ font-size:12px;} #structure .support .maintenance .s02 div:nth-of-type(2){ float:left; width:450px;} #structure .support .maintenance .s02 div:nth-of-type(3){ float:right; width:600px;} #structure .support .maintenance .s02 div .tit{ background:#e7e1ed; font-size:12px; padding:4px 15px; margin-bottom:10px;} #structure .support .maintenance .s02 div:nth-of-type(2) .tit:nth-of-type(1) + p{ margin-bottom:40px;} #structure .support .maintenance .s02 div:nth-of-type(3) ul{} #structure .support .maintenance .s02 div:nth-of-type(3) ul li{ border-top:1px solid rgba(0,0,0,0.3); width:100%; display:block; padding:3px 0;} #structure .support .maintenance .s02 div:nth-of-type(3) ul li em{ width:240px;} #structure .support .maintenance .s02 div:nth-of-type(3) ul li span{ width:calc(100% - 240px); margin-top:0;} #structure .support .maintenance .s02 div:nth-of-type(3) ul li em, #structure .support .maintenance .s02 div:nth-of-type(3) ul li span{ display:inline-block; /display:inline; /zoom:1; vertical-align:top; font-size:12px;} #structure .support .support_detail{ text-align:left;} #structure .support .support_detail .s01{ margin-bottom:60px;} #structure .support .support_detail .s01 .eqpTitle3 + p{ margin-bottom:20px; } #structure .support .support_detail .s01 .eqpTit{ font-size:18px; margin-bottom:8px;} #structure .support .support_detail .s01 .eqpTit + p{ margin-bottom:30px; font-size:13px;} #structure .support .support_detail .s01 ul{} #structure .support .support_detail .s01 ul li{ width:251px; margin-right:31px;} #structure .support .support_detail .s01 ul li .eqpTit{ margin:0 auto 8px;} #structure .support .support_detail .s02{ margin-bottom:60px;} #structure .support .support_detail .s02 .eqpTitle3 + p{ margin-bottom:20px; } #structure .support .support_detail .s02 .eqpTitle3 + p + p{ float:right; margin-left:50px; margin-right:30px;} #structure .support .support_detail .s02 .eqpTit{ font-size:18px; margin-bottom:8px;} #structure .support .support_detail .s02 .eqpTit + p{ font-size:13px;} #structure .support .support_detail .s03{ margin-bottom:60px;} #structure .support .support_detail .s03 .eqpTitle3 + p{ float:right; margin-left:50px; margin-right:30px; margin-top:20px;} #structure .support .support_detail .s03 .eqpTitle3 + p + p{ margin-bottom:20px;} #structure .support .support_detail .s03 .eqpTit{ font-size:18px; margin-bottom:8px;} #structure .support .support_detail .s03 .eqpTit + p{ font-size:13px;} #structure .support .support_detail .s03 div{ position:relative; border:1px solid rgba(0,0,0,0.3); padding:70px 30px 30px; margin:30px auto 0;} #structure .support .support_detail .s03 div h5{ position:absolute; top:0; left:30px;} #structure .support .support_detail .s03 div h5 + p{ width:600px; margin-bottom:20px;} #structure .support .support_detail .s03 div h5 + p + p + p{ position:absolute; top:30px; right:30px;} /* display:inline-block; /display:inline; /zoom:1; vertical-align:top; overflow: hidden; text-indent: 100%; white-space: nowrap; height: 0; padding: 00px 0 0 0; display: block; overflow: hidden; position:absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -moz-border-radius:10px; -webkit-border-radius:10px;border-radius:10px; -moz-border-radius:50%; -webkit-border-radius:50%;border-radius:50%; -moz-border-radius:6px; -webkit-border-radius:6px;border-radius:6px; text-shadow:0px 0px 3px rgba(0,0,0,0.8),0px 0px 3px rgba(0,0,0,0.8); border-bottom:1px solid rgba(0,0,0,0.3); :nth-of-type() :first-child :last-child 赤 cf5f59 rgba(207,95,89,0.0) 文字色 664545 rgba(102,69,69,0.0) ボーダー色 e0d1d1 金色 rgba(189,155,73,0.1) bd9b49 font-family: 'Poppins', sans-serif; font-family: 'Roboto', sans-serif; font-family: 'Noto Sans JP', sans-serif; font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; /* 例:幅640px高さ360pxの画像の場合 */ /* 表示画像の高さ ÷ 表示画像の幅 × 100 */ #sample{ height:0; padding-top: %; background: no-repeat; background-size: contain;} /* 可変要素の上下センター */ #sample{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} /* もみの木 ---------------------------------------------------------------------------------------*/ #momi{} #momi .contents{ text-align:center;} #momi h1{ margin:0 auto 50px;} #momi h1 + p{ margin:0 auto 50px;} #momi h1 + p + p{ margin:0 auto 80px;} #momi .voice{ margin:0 auto 40px;} #momi .voice h2{ margin:0 auto 30px;} #momi .voice h2 + p{ margin:0 auto 40px;} #momi .voice h2 + p + p{ margin:0 auto 40px;} #momi .voice h2 + p + p + p{ margin:0 auto 40px;} #momi .voice h2 + p + p + p + p{} #momi .seminar{ margin:0 auto 100px;} #momi .seminar h2{ margin:0 auto 10px;} #momi .bunner{margin-bottom: 48px;} /* もみの木床はいろいろ大変？ ---------------------------------------------------------------------------------------*/ #momi-m {} #momi-m .contents{ text-align:center;} #momi-m h1{ margin:0 auto 50px;} #momi-m h1 + p{ margin:0 auto 50px;} #momi-m h1 + p + p{ margin:0 auto 80px;} #momi-m .contents .question p{display: inline-block;margin-bottom: 12px; border-top: dotted #CBCBCB 1px; } #momi-m .column { margin-top: 40px;margin-left: 120px;margin-bottom: 50px;} #momi-m .bunner{margin-bottom: 48px;} /* 実績 ---------------------------------------------------------------------------------------*/ #works{} #works h1{ margin:0 auto 30px;} #works h1 + p{ margin-bottom:30px;} #works h1 + p span{ font-size:11px; display:block; margin-top:15px;} #works ul.photos{ margin:0 auto 50px;} #works ul.photos li{ font-size:14px; text-align:left; margin-right:20px; margin-bottom:30px;} #works ul.photos li p:nth-of-type(1){ margin-bottom:5px;} #works p.area{ margin:0 auto 100px;} /* 物件概要 ---------------------------------------------------------------------------------------*/ #outline{} #outline h1{ } #outline .table{ width: 1000px; margin: 70px auto 150px; text-align: left;} #outline .table > p:first-child{ font-size:10px; font-weight: 300; margin-bottom: 60px;} #outline .table table{ width: 100%; font-size: 15px;} #outline .table table td,#outline .table table th{ border-bottom: 1px dotted #787776; padding: 6px 25px;} #outline .table table tr:first-child{ border-top: 1px dotted #787776;} #outline .table table td:first-child{ width: 199px; border-right: 1px dotted #9c61a9; padding-left: 0; padding-right: 0; text-align: center;} #outline .table table tr:nth-child(2n+1) { background:#eeefef;} /* 周辺環境・交通 ---------------------------------------------------------------------------------------*/ #access{ background:url(../img/common/bg01.jpg) no-repeat center top 1060px, url(../img/common/bg02.jpg) no-repeat center top 1980px, url(../img/common/bg01.jpg) no-repeat center top 3680px;} #access h1{ margin:0 auto 30px;} #access h1 + p{ margin-bottom:25px;} #access h1 + p + p{ font-size:14px; margin-bottom:60px; font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;} #access .map{ width:1100px; margin:0px auto 80px; position:relative;} #access .map h2{ margin:0 auto 40px;} #access .map h2 + p{} #access .access{ width:1100px; margin:0px auto 80px; position:relative;} #access .access h2{ margin:0 auto 40px;} #access .access ul{ margin:0 auto 50px;} #access .access ul li{ width:266px; font-size:12px; text-align:left; margin-right:12px;} #access .access ul li p:nth-of-type(1){ margin-bottom:5px;} #access .access ul + p{ } #access .location{ width:1100px; margin:0px auto 80px; position:relative;} #access .location h2{ margin:0 auto 40px;} #access .location ul{ margin:0 auto 50px;} #access .location ul li{ width:266px; font-size:12px; text-align:left; margin-right:12px; margin-bottom:12px; letter-spacing:0.00em;} #access .location ul li p:nth-of-type(1){ margin-bottom:5px;} #access .location ul li:nth-of-type(4n){ margin-right:0;} #access .lifeInfo{ width:1100px; margin:0px auto 80px; position:relative;} #access .lifeInfo h2{ margin:0 auto 40px;} #access .lifeInfo h3{ font-size:21px; color:#876693; font-family: 'Cormorant Garamond', serif; font-weight:600; letter-spacing:0.2em;} #access .lifeInfo h3 span{ font-size:12px; font-family: 'Noto Sans JP', sans-serif; font-weight:400; color:#2b2b2b; padding-left:20px; opacity:0.8; letter-spacing:0.05em;} #access .lifeInfo > ul{ width:1000px; margin:0 auto; text-align:left; font-weight:300; color:#4c4948;} #access .lifeInfo > ul > li{ width:47.5%; margin-right:5%; margin-bottom:60px;} #access .lifeInfo > ul > li:nth-of-type(2n){ margin-right:0;} #access .lifeInfo > ul > li > ul{ width:100%; } #access .lifeInfo > ul > li > ul > li{ font-size:0; display:block; border-bottom:1px dotted #999da0;} #access .lifeInfo > ul > li > ul > li:first-child{ border-top:1px dotted #999da0;} #access .lifeInfo > ul > li > ul > li > em{ width:66%; padding:2px 0px 2px 5px;} #access .lifeInfo > ul > li > ul > li > span{ width:34%;} #access .lifeInfo > ul > li > ul > li > em,#access .lifeInfo > ul > li > ul > li > span{ font-size:14px; display:inline-block; /display:inline; /zoom:1; vertical-align:top;} #access .lifeInfo > ul > li > ul > li > span > em{ width:45%; text-align:left !important; display:inline-block; /display:inline; /zoom:1; vertical-align:top;} #access .cap{ width:1000px; margin:0 auto 60px; text-align:left;} /* font-family: 'Cormorant Garamond', serif; font-family: 'Noto Sans JP', sans-serif; font-weight:400; { font-size:14px; line-height:2; font-weight:500; font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;} */ /* display:inline-block; /display:inline; /zoom:1; vertical-align:top; overflow: hidden; text-indent: 100%; white-space: nowrap; height: 0; padding: 00px 0 0 0; display: block; overflow: hidden; position:absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -moz-border-radius:10px; -webkit-border-radius:10px;border-radius:10px; -moz-border-radius:50%; -webkit-border-radius:50%;border-radius:50%; -moz-border-radius:6px; -webkit-border-radius:6px;border-radius:6px; text-shadow:0px 0px 3px rgba(0,0,0,0.8),0px 0px 3px rgba(0,0,0,0.8); :nth-of-type() :first-child :last-child 赤 cf5f59 rgba(207,95,89,0.0) 文字色 664545 rgba(102,69,69,0.0) ボーダー色 e0d1d1 金色 rgba(189,155,73,0.1) bd9b49 font-family: 'Poppins', sans-serif; font-family: 'Roboto', sans-serif; font-family: 'Noto Sans JP', sans-serif; font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; /* 例:幅640px高さ360pxの画像の場合 */ /* 表示画像の高さ ÷ 表示画像の幅 × 100 */ #sample{ height:0; padding-top: %; background: no-repeat; background-size: contain;} /* 可変要素の上下センター */ #sample{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} /* 構造・セキュリティ ---------------------------------------------------------------------------------------*/ #structure{} #structure h1{} #structure h1 + div{} /* 設備・仕様 ---------------------------------------------------------------------------------------*/ #equipment{} #equipment h1{} #equipment h1 + div{} /* 間取り ---------------------------------------------------------------------------------------*/ #plan{} #plan h1{ margin:0 auto 50px;} #plan h1 + div{ margin:60px auto 120px;} #plan .map{ position:relative; margin:0 auto 50px;} #plan .map ul{} #plan .map ul li{ position:absolute;} #plan .map ul li a img{ -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;} #plan .map ul li a:hover img{ opacity:1;} #plan .map ul li.a_type{ bottom:0; right:0;} #plan .map ul li.b_type{ top:521px; left:63px;} #plan .map ul li.c_type{ top:521px; left:313px;} #plan .map ul li.d_type{ top:521px; right:251px;} #plan .map ul li.e_type{ top:521px; right:0px;} #plan .map ul li.f1_type{ top:261px; left:313px;} #plan .map ul li.f_type{ top:391px; left:313px;} #plan .map ul li.g_type{ top:261px; right:251px;} #plan .map ul li.g_type2{ top:391px; right:251px;} /**位置違い（H/H1）20190201修正 #plan .map ul li.h1_type{ top:391px; right:0px;} #plan .map ul li.h_type{ top:261px; right:0px;} **/ #plan .map ul li.h1_type{ top:261px; right:0px;} #plan .map ul li.h_type{ top:391px; right:0px;} #plan .map ul li.i_type{ top:130px; left:313px;} #plan .map ul li.j_type{ top:130px; right:251px;} #plan .map ul li.k_type{ top:0; left:313px;} #plan .map ul li.soldout:before{ content:""; position:absolute; top:0; left:0; background:url(../img/plan/soldout.png) no-repeat; background-size:cover; width:100%; height:100%;} /* 間取り詳細 -----------*/ #plan .detail{ background:#f8f9f9; padding:34px 34px; min-height:1030px; margin:0 auto 30px; position:relative;} #plan .detail .info{ float:left; width:382px; text-align:left; position:relative;} #plan .detail .info h2{ margin-bottom:20px;} #plan .detail .info .point{ position:absolute; top:365px; left:0;} #plan .detail .info .point h3{ font-size:15px; font-weight:800 !important; letter-spacing:0.025em; line-height:1.4; border-bottom:1px solid #a2a1a1; padding-bottom:8px; margin-bottom:15px; } #plan .detail .info .point ul{} #plan .detail .info .point ul li{ font-size:13px; border-left: 4px solid #4b4948; padding-left:10px; margin-bottom:15px; line-height:1.6;} #plan .detail .info .point h3,#plan .detail .info .point ul li{ font-weight:500; font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;} #plan .detail .clickable_area_wrap{ position:absolute; top:735px; left:34px;} #plan .detail .clickable_area_wrap .clickable_area{ width:260px; margin:0 auto 30px;} #plan .detail .clickable_area_wrap .clickable_area img{ width:100%; height:auto;} #plan .detail .clickable_area_wrap .btn{ font-size:15px;} #plan .detail .clickable_area_wrap .btn a{ color:#876694; text-decoration:none; padding:5px 0; display:block; border:1px solid #876694; background:#fff; text-align:center;} #plan .detail .clickable_area_wrap .btn a:hover{ opacity:0.6;} #plan .detail .point,#plan .detail .clickable_area_wrap{ width:347px;} #plan .detail .type1{ clear:both;} /* モデルルーム ---------------------------------------------------------------------------------------*/ #model{} #model h1{} /* デザイン ---------------------------------------------------------------------------------------*/ #design{ background:url(../img/common/bg01.jpg) no-repeat center top 1180px, url(../img/common/bg02.jpg) no-repeat center top 2920px;} #design h1{ margin:0 auto 40px;} #design .design{ margin:0 auto 60px;} #design .design h2,#design .landplan h2,#design .entrance h2{ margin:0 auto 30px;} #design .design h2 + p,#design .landplan h2 + p,#design .entrance h2 + p{ margin:0 auto 20px;} #design .design h2 + p + p,#design .landplan h2 + p + p,#design .entrance h2 + p + p{ margin:0 auto 30px; font-size:14px; line-height:2; font-weight:500; position:relative; z-index:10; font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;} #design .design h2 + p + p + p{ margin:0 auto 50px;} #design .landplan{ overflow:hidden; position:relative; margin:0 auto 20px;} #design .landplan .map{ position:absolute; top:160px; left:-50px;} #design .landplan ul.photos{ float:right; margin-top:20px;} #design .landplan ul.photos li{ display:block; overflow:hidden; margin:0 auto 45px; width:480px;} #design .landplan ul.photos li > p:nth-of-type(1){ float:left; width:235px; text-align:center;} #design .landplan ul.photos li div{ float:right; width:235px; text-align:left;} #design .landplan ul.photos li div h3{ font-size:22px; color:#876694; font-weight:300; line-height:1.4; margin-bottom:5px; font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;} #design .landplan ul.photos li div h3 + p{} #design .landplan ul.photos li div h3 + p span{ font-size:11px; display:block; margin-top:5px;} #design .landplan ul.photos li:nth-of-type(2) div h3{ margin-top:18px;} #design .entrance{ margin-bottom:100px;} /* コンセプト ---------------------------------------------------------------------------------------*/ #concept{ background:url(../img/common/bg01.jpg) no-repeat center top 520px, url(../img/common/bg02.jpg) no-repeat center top 1460px, url(../img/common/bg01.jpg) no-repeat center top 2760px;} #concept h1{ margin:0 auto 60px;} #concept section.active, #concept section.healing, #concept section.education{ padding-left:25px; box-sizing:border-box; margin:0 auto 100px; text-align:left;} #concept section.active h2, #concept section.healing h2, #concept section.education h2{ margin:0 auto 30px;} #concept section.active h2 + p, #concept section.healing h2 + p, #concept section.education h2 + p,#concept section.education ul.photos:nth-of-type(1) + p{ font-size:14px; line-height:2; font-weight:500; font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;} #concept section.active{ background:url(../img/concept/active_bg.png) no-repeat top center;} #concept section.active ul.photos li:nth-of-type(n + 2){ margin-top:60px;} #concept section.healing ul.photos li:nth-of-type(2){ margin-top:65px;} #concept ul.photos{ width:1050px; margin-top:30px;} #concept ul.photos li{ margin-right:15px; font-size:13px; position:relative;} #concept ul.photos li p:nth-of-type(1){ margin-bottom:6px;} #concept ul.photos li p.min{ position:absolute; bottom:-0px; right:0;} #concept section.active ul.photos li:nth-of-type(n + 2){ margin-top:60px;} #concept section.healing{ background:url(../img/concept/healing_bg.png) no-repeat top center;} #concept section.education{ background:url(../img/concept/education_bg.png) no-repeat top center;} #concept section.education .map{ margin:30px auto 30px; } #concept section.education ul.photos:nth-of-type(1) + p{ margin:60px auto 0;} #concept section.education ul.photos:nth-of-type(2) li{ margin-right:38px;} /* トップページ ---------------------------------------------------------------------------------------*/ /* トップのみ */ #home .contents .main{ width: 740px; float: left; text-align: left;} #home .contents .sideNav{ width:300px; float: right;} #home .contents .sideNav ul{} #home .contents .sideNav ul li{ display:block; margin-bottom: 10px;} #home .contents .main,#home .contents .sideNav{ margin-bottom:60px;} #home .mainImg{ width:1200px; text-align: center; margin:0 auto ;} #home .mainImg ul.bxTop{} #home .mainImg ul.bxTop li{ top:0; left:0; right:0; margin:auto;} .bx-wrapper .bx-controls-direction a{ width: 45px !important; height: 45px !important;} .bx-wrapper .bx-prev{ background:url(../img/home/mainimg_nav_prev.png) no-repeat !important; left:50px !important;} .bx-wrapper .bx-next{ background:url(../img/home/mainimg_nav_next.png) no-repeat !important; right:50px !important;} .bx-wrapper .bx-pager{ font-size:18px !important; color: #fff !important; padding-top: 20px !important; bottom: 0px !important; width:auto !important; right:50px !important;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#9fa0a0 !important;} .bx-wrapper .bx-pager.bx-default-pager a{ width:10px !important; height:10px !important; background:rgba(255,255,255,1.0) !important;} #home .point{ width: 1100px; margin: 20px auto 20px;} #home .point ul{} #home .point ul li{ padding:0px 18px; height:50px; vertical-align:middle; position:relative;} #home .point ul li:last-child{ padding-right:18px !important;} #home .point ul li:after{ content:""; position:absolute; top:0; left:100%; width:1px; height:50px; border-right:1px dotted rgba(0,0,0,0.5);} #home .point ul li:nth-of-type(1):before{ content:""; position:absolute; top:0; left:-2px; width:1px; height:50px; border-left:1px dotted rgba(0,0,0,0.5);} #home .point ul li:nth-of-type(3),#home .point ul li:nth-of-type(4){ padding-top:15px;} #home .information{ margin: 0 auto 60px;} #home .information h4{ margin-bottom: 15px;} #home .information dl{ font-size: 0;} #home .information dl dt{ width: 120px; text-align: left; padding-left: 10px; font-weight: 500;} #home .information dl dd{ width: 600px; color: #5185c5;} #home .information dl dt,#home .information dl dd{ font-size: 15px; padding-top: 8px; padding-bottom: 8px; display:inline-block; /display:inline; /zoom:1; vertical-align:top; border-top: 1px dotted #5a5250;} #home .information dl dt:nth-of-type(1),#home .information dl dd:nth-of-type(1){ border-top:none;} #home .information div.psBox {position:relative; height:203px; overflow:hidden; border-top:1px solid #aaabab; border-bottom:1px solid #aaabab; } /*#home .information div.psBox div.out {margin-top:20px; height:330px;}*/ #home .cap{ clear:both; width:1100px; margin:0 auto 60px; text-align:left;}