#contents{padding-bottom:0;} /* Swiper */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1;} .swiper-container-no-flexbox .swiper-slide{float:left;} .swiper-container-vertical > .swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);-o-transform:translate(0px, 0px);-ms-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0);} .swiper-container-multirow > .swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;} .swiper-container-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;} .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto;} .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform, height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform, height;} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;} .swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y;} .swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x;} .swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px;} .swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;} .swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10;} .swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} .swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} .swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} .swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));} .swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px;} .swiper-container-cube,.swiper-container-flip{overflow:visible;} .swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1;} .swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none;} .swiper-container-cube .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto;} .swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;s-ms-backface-visibility:hidden;backface-visibility:hidden;} .swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%;} .swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next + .swiper-slide{pointer-events:auto;visibility:visible;} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:0.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0;} .swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;} .swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;} .swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none;} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto;} .swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center;} .swiper-zoom-container > img,.swiper-zoom-container > svg,.swiper-zoom-container > canvas{max-width:100%;max-height:100%;object-fit:contain;} .swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, 0.1);} .swiper-container-horizontal > .swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%;} .swiper-container-vertical > .swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%;} .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0, 0, 0, 0.5);border-radius:10px;left:0;top:0;} .swiper-scrollbar-cursor-drag{cursor:move;} .swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite;} .swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat;} .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");} @-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);}} @keyframes swiper-preloader-spin{100%{transform:rotate(360deg);}} /* Slider */ #wide{position:relative;width:100%;background:#fff;overflow:hidden;} #wide .device{width:100%;} #wide .swiper-container{max-height:0;padding-bottom:49%;} #wide .swiper-wrapper{margin:0;padding:0;} #wide .swiper-wrapper .swiper-slide{background-size:cover;background-repeat:no-repeat;} #wide .swiper-wrapper .swiper-slide a{display:block;height:100%;} #wide .swiper-wrapper .swiper-slide a img{width:100%;height:auto;} @media all and (min-width:1000px){ #wide .pagination{position:absolute;top:40%;right:30px;z-index:100;width:10px;} #wide .pagination .swiper-pagination-bullet{display:block;width:10px;height:10px;margin-bottom:10px;background:#AAA;border-radius:5px;} #wide .pagination .swiper-pagination-bullet-active{background:#e50012;} } /* コンテンツ誘導１ */ #contBox01{position:relative;padding:30px 15px;margin-bottom:90px;background:url(../img/top/bg_works.png);} #contBox01:before{content:"";display:block;position:absolute;top:5px;right:0;bottom:5px;left:0;z-index:-1;width:100%;background:#f0f0f0;} #contBox01 h2{margin-bottom:15px;font-size:1.0625em;font-family:"FP-ヒラギノUD角ゴ StdN W3";text-align:center;} #contBox01 ul{width:100%;padding-top:8px;border-top:solid 2px #e50012;} #contBox01 ul.wb-yoko3.second {border-top:none;}/*20190926横3つ並び×2 2行目 */ #contBox01 li{position:relative;background:#fff;} #contBox01 li:after{content:'';display:block;position:absolute;top:0;bottom:0;left:15px;right:15px;z-index:-1;box-shadow:0 8px 8px rgba(0,0,0,.1);border-radius:100px / 15px;transition:0.3s ease-in-out;} #contBox01 li:hover:after{box-shadow:0 8px 8px rgba(0,0,0,0);} #contBox01 a{display:block;padding:25px 0 15px;color:#000;} #contBox01 .wb3 div{display:block;padding:25px 0;color:#000;} @media all and (min-width:840px){ #contBox01 .wb3 div{padding:25px 20px;} } #contBox01 .wb3 a.link{display:inline;padding:0 0 0 15px;} #contBox01 .wb3 a.link:hover { color: #cd0000; } #contBox01 h4{position:relative;padding-bottom:25px;border-bottom:solid 1px #cccccc;font-size:1.125em;font-family:"FP-ヒラギノUD角ゴ StdN W5";text-align:center;} #contBox01 h4:after{content:"";display:block;position:absolute;left:50%;bottom:-1px;width:40px;height:1px;margin-left:-20px;background:#e50012;transition:0.3s ease-in-out;} #contBox01 h4.single{padding-top:13px;padding-bottom:28px;}/*20171011*/ //20190509削除 #contBox01 h4 span{font-size:0.85em;display: block;line-height: 110%;}/*20171011*/ #contBox01 h4 span{font-size:0.75em;display: block;line-height: 110%;}/*20190509横5つ並び */ #contBox01 a:hover h4:after{left:0;right:0;width:100%;margin:0;} #contBox01 p{padding:25px 10px 0;font-size:15px;} /*20190509削除 @media all and (max-width:799px){*/ @media all and (max-width:839px){/*20190509横5つ並び */ #contBox01 li{width:48%;margin-bottom:10px;} #contBox01 li:nth-child(odd){float:left;clear:both;} #contBox01 li:nth-child(even){float:right;} /*20190926横3つ並び×2 */ #contBox01 ul.wb-yoko3.second li:nth-child(even){float:left;clear:both;} #contBox01 ul.wb-yoko3.second li:nth-child(odd){float:right;clear: none;} /*20200114横4つ*/ #contBox01.box08 ul.wb-yoko3.second li:nth-child(even){float:right;clear:none;} #contBox01.box08 ul.wb-yoko3.second li:nth-child(odd){float:left;clear: both;} } /*20190509削除 @media all and (min-width:800px){*/ @media all and (min-width:840px){/*20190509横5つ並び */ #contBox01{padding:40px 0 50px;} #contBox01 h2{font-size:1.45em;} #contBox01 ul{display:flex;display:-webkit-flex;} #contBox01 li{margin-left:20px;} #contBox01 li{width:calccalc((100% - 40px) / 3);}/*20190509横5つ並び */ #contBox01 ul.wb-yoko3 li{width:calc(33% - 16px);}/*20190926横3つ並び×2 */ #contBox01 ul.wb-yoko3 li.wb1,#contBox01 ul.wb-yoko3 li.wb2{flex-basis: calc((100% - 51px) / 4);}/* 20211101戸建を広げる */ #contBox01 ul.wb-yoko3 li.wb3{flex-basis: calc((100% - 44px) / 2 + 16px);}/* 20211101戸建を広げる */ //20190509削除 #contBox01 li:nth-child(4n+1){margin-left:0;} #contBox01 li:nth-child(5n+1){margin-left:0;}/*20190509横5つ並び */ #contBox01 ul.wb-yoko3 li:nth-child(3n+1){margin-left:0;}/*20190926横3つ並び×2 */ #contBox01.box08 ul.wb-yoko3 li:nth-child(4){margin-left:20px;}/*20200114横4つ並び×2 */ #contBox01 li a{padding:25px 20px;} #contBox01 h4{font-size:1.55em;} #contBox01 h4.single{padding-top:14px;padding-bottom:30px;}/*20171011*/ //20190509削除 #contBox01 h4 span{font-size:0.85em;display: block;line-height: 110%;}/*20171011*/ #contBox01 h4 span{display: block;line-height: 110%;}/*20190509横5つ並び */ #contBox01 p{padding:25px 0 0;} } @media all and (min-width:1230px){ #contBox01 ul{max-width:1200px;margin:0 auto;} } /* コンテンツ誘導２ */ #contBox02{margin-bottom:100px;} #contBox02 li{margin-bottom:60px;background-repeat:no-repeat;background-size:contain;} #contBox02 li .detail{background:#fff;border-top:solid 2px #e6e6e6;border-bottom:solid 2px #e6e6e6;} #contBox02 .detail h4{margin-bottom:20px;font-family:"FP-ヒラギノUD角ゴ StdN W5";} #contBox02 .detail p{font-size:15px;} #contBox02 .detail a.btn{display:block;width:150px;padding:4px 0;margin:0 auto;border:solid 1px #e50012;font-size:14px;color:#e50012;text-align:center;transition:0.3s ease-in-out;} #contBox02 .detail a.btn:hover{background:#e50012;color:#fff;} @media all and (max-width:999px){ #contBox02 li{padding-top:48%;background-position:center top;} #contBox02 .detail{padding:30px 20px;margin:0 15px;} #contBox02 .detail h4{font-size:1.1875em;} } @media all and (min-width:1000px){ #contBox02 li{position:relative;} #contBox02 li:nth-child(odd){background-position:left center;} #contBox02 li:nth-child(even){background-position:right center;} #contBox02 li .detail{position:absolute;top:50%;height:300px;margin-top:-150px;box-sizing:border-box;} #contBox02 .detail h4{font-size:1.35em;} } @media all and (min-width:1000px) and (max-width:1299px){ #contBox02 li{height:460px;} #contBox02 li .detail{width:45%;padding:50px 25px;} #contBox02 li:nth-child(odd) .detail{right:50px;} #contBox02 li:nth-child(even) .detail{left:50px;} } @media all and (min-width:1300px){ #contBox02 li{padding-bottom:33%;} #contBox02 li .detail{width:40%;padding:50px;} #contBox02 li:nth-child(odd) .detail{right:5%;} #contBox02 li:nth-child(even) .detail{left:5%;} } /* Free Area */ #freeArea{margin-bottom:100px;} #freeArea #rte_area{width:100%;max-width:1000px;margin:0 auto;} /* コンテンツ誘導３ */ #contBox03{margin-bottom:90px;} #contBox03 h2{padding-top:40px;background:url(../img/top/icon_works3.png) no-repeat center top;background-size:38px 31px;font-size:19px;font-family:"FP-ヒラギノUD角ゴ StdN W3";text-align:center;} #contBox03 ul{border-top:solid 4px #f2f2f2;} #contBox03 li{border-bottom:solid 4px #f2f2f2;box-sizing:border-box;} #contBox03 li a{display:block;padding:75% 25px 25px;background-repeat:no-repeat;background-size:contain;color:#000;transition:0.3s ease-in-out;} #contBox03 li a:hover{opacity:0.7;} #contBox03 li h4{margin:25px 0 10px;font-size:16px;font-family:"FP-ヒラギノUD角ゴ StdN W5";} #contBox03 li p{padding:0;font-size:15px;} @media all and (min-width:500px){ #contBox03 ul{display:flex;display:-webkit-flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;} } @media all and (min-width:500px) and (max-width:999px){ #contBox03 li{width:50%;} #contBox03 li:nth-child(odd){border-right:solid 2px #f2f2f2;} #contBox03 li:nth-child(even){border-left:solid 2px #f2f2f2;} } @media all and (min-width:1000px){ #contBox03 li{border-left:solid 2px #f2f2f2;border-right:solid 2px #f2f2f2;} } @media all and (min-width:1000px) and (max-width:1499px){ #contBox03 li{width:33.3333%;} } @media all and (min-width:1500px) and (max-width:2099px){ #contBox03 li{width:25%;} } @media all and (min-width:2100px){ #contBox03 li{width:20%;} } @media all and (min-width:1000px){ #contBox03 h2{display:none;} } /* TOPNews */ #TopnewsBox{margin:0 15px 70px;} #TopnewsBox h2{font-size:18px;color:#e50012;font-family:"FOT-ロダン Pro B";text-align:center;} #TopnewsBox ul{max-height:400px;overflow:auto;} #TopnewsBox li{padding:15px 20px;border:solid 1px #bbbbbb;} #TopnewsBox h4{margin-bottom:8px;font-size:15px;} #TopnewsBox p{padding:0;font-size:15px;} #TopnewsBox .innerBox{text-align: center;} #TopnewsBox .innerBox img{width: 100%;} @media all and (max-width:850px){ #contBox01{ margin-bottom:5vw; } #TopnewsBox { margin-bottom:5vw; } //#TopnewsBox .innerBox img{width: 100%;} } @media all and (min-width:600px){ #TopnewsBox .detail{float:right;width:100%;margin-left:-180px;} #TopnewsBox .detail h4, #TopnewsBox .detail p{} } @media all and (min-width:900px){ #TopnewsBox{margin:0 auto 80px;} } @media all and (min-width:1100px){ #TopnewsBox .innerBox { max-width:1200px; } } @media all and (min-width:1200px){ #TopnewsBox{max-width:1200px;} } /* News */ #newsBox{margin:0 15px 70px;} #newsBox h2{font-size:18px;color:#e50012;font-family:"FOT-ロダン Pro B";text-align:center;} #newsBox ul{max-height:400px;overflow:auto;} #newsBox li{padding:15px 0;border-bottom:solid 1px #bbbbbb;} #newsBox .thumb{width:156px;} #newsBox .thumb a, #newsBox .thumb a img{display:block;width:100%;height:auto;} #newsBox h4{margin-bottom:8px;font-size:15px;} #newsBox p{padding:0;font-size:15px;} @media all and (max-width:599px){ #newsBox .thumb{margin-bottom:15px;} } @media all and (min-width:600px){ #newsBox .thumb{float:left;} #newsBox .detail{float:right; width:60%; width:-webkit-calc(100% - 180px); width:calc(100% - 180px); margin-left:-180px;} #newsBox .detail h4, // #newsBox .detail p{margin-left:180px;} } @media all and (min-width:900px){ #newsBox{width:870px;margin:0 auto 80px; } } @media all and (max-width:999px){ #newsBox{ padding-top: 54px; margin-top: -54px; } } @media all and (min-width:1000px){ #newsBox{ padding-top: 116px; margin-top: -116px; } } /* #bnrBox */ #bnrBox{padding:25px 15px;background:#f5f5f5;} #bnrBox .innerBox{width:200px;padding:0 30px;margin:0 auto;overflow:hidden;} .bnr-container{position:relative;z-index:2;padding:15px 0;} .bnr-container:after{content:"";display:block;position:absolute;top:0;right:-15px;bottom:0;left:-15px;z-index:1;} .bnr-container .swiper-slide a{display:block;} .bnr-container .swiper-slide img{display:block;width:200px;height:100px;} .bnr-container .arrow-left2{position:absolute;top:0;bottom:0;left:-30px;z-index:10;width:30px;background:url(../img/top/prev2.png) no-repeat center 30px #f5f5f5;} .bnr-container .arrow-right2{position:absolute;top:0;bottom:0;right:-30px;z-index:10;width:30px;background:url(../img/top/next2.png) no-repeat center 30px #f5f5f5;} .bnr-container .swiper-wrapper{position:relative;z-index:5;} @media all and (min-width:510px){#bnrBox .innerBox{width:420px;max-width:initial;}} @media all and (min-width:730px){#bnrBox .innerBox{width:640px;}} @media all and (min-width:950px){#bnrBox .innerBox{width:860px;}} @media all and (min-width:1170px){#bnrBox .innerBox{width:1080px;}} /* #TopeventBox */ #TopeventBox ul { width: 100%; padding-top: 8px; } #TopeventBox ul a:hover { opacity:0.7; } @media (min-width: 500px){ #TopeventBox ul { display: flex; display: -webkit-flex; } #TopeventBox li:nth-of-type(1) { margin-right: 20px; } } @media (max-width: 850px){ #TopeventBox ul { margin: -20px auto 40px; } } @media (min-width: 851px){ #TopeventBox ul { margin: -60px auto 60px; } } @media (min-width: 1230px) { #TopeventBox ul { max-width: 1200px; } } @media (min-width: 500px){ #TopeventBox li { width: 48%; width: -webkit-calc(50% - 10px); width: calc(50% - 10px); } } #TopeventBox li img{ width:100%; } /* （NEWスケルトンオーダーハウス） */ #contBox01 h4 strong { font-weight:normal; display: inline-block; } @media (min-width: 800px) and (max-width: 1124px) { #contBox01 li.wb3 h4 strong { transform: scale(0.9, 1); margin-left: -40px; margin-right: -40px; } } @media (min-width: 300px) and (max-width: 350px) { #contBox01 li.wb4 h4 strong { transform: scale(0.8, 1); margin-left: -40px; margin-right: -40px; } } @media (min-width: 800px) and (max-width: 890px) { #contBox01 li.wb4 h4 strong { transform: scale(0.8, 1); margin-left: -40px; margin-right: -40px; } } @media (min-width: 891px) and (max-width: 1228px) { #contBox01 li.wb4 h4 strong { transform: scale(0.9, 1); margin-left: -40px; margin-right: -40px; } } @media (min-width: 1229px) { #contBox01 li.wb4 h4 strong { transform: scale(0.95, 1); margin-left: -20px; margin-right: -20px; } } @media (min-width: 300px) and (max-width: 339px) { #contBox01 li.wb3 h4 span { transform: scale(0.51, 1); margin-left: -58px; margin-right: -58px; } } @media (min-width: 340px) and (max-width: 379px) { #contBox01 li.wb3 h4 span { transform: scale(0.6, 1); margin-left: -52px; margin-right: -52px; } } @media (min-width: 380px) and (max-width: 419px) { #contBox01 li.wb3 h4 span { transform: scale(0.7, 1); margin-left: -42px; margin-right: -42px; } } @media (min-width: 420px) and (max-width: 459px) { #contBox01 li.wb3 h4 span { transform: scale(0.8, 1); margin-left: -32px; margin-right: -32px; } } @media (min-width: 460px) and (max-width: 499px) { #contBox01 li.wb3 h4 span { transform: scale(0.83, 1); margin-left: -26px; margin-right: -26px; } } @media (min-width: 500px) and (max-width: 550px) { #contBox01 li.wb3 h4 span { transform: scale(0.90, 1); margin-left: -16px; margin-right: -16px; } } @media (min-width: 800px) { #contBox01 li.wb3 h4 span { transform: scale(0.50, 1); margin-left: -105px; margin-right: -105px; } } @media (min-width: 850px) { #contBox01 li.wb3 h4 span { transform: scale(0.58, 1); margin-left: -95px; margin-right: -95px; } } @media (min-width: 1080px) { #contBox01 li.wb3 h4 span { transform: scale(0.7, 1); margin-left: -70px; margin-right: -70px; } } @media (min-width: 1200px) { #contBox01 li.wb3 h4 span { transform: scale(0.75, 1); margin-left: -55px; margin-right: -55px; } } @media (min-width: 841px) and (max-width: 1110px) { #contBox01 li.wb4 h4 span { transform: scale(0.9, 1); margin-left: -40px; margin-right: -40px; } } @media (min-width: 800px) and (max-width: 840px) { #contBox01 li.wb4 h4 span { transform: scale(0.8, 1); margin-left: -50px; margin-right: -50px; } } @media (min-width: 300px) and (max-width: 340px) { #contBox01 li.wb4 h4 span { transform: scale(0.95, 1); margin-left: -10px; margin-right: -10px; } } @media (min-width: 841px) and (max-width: 1035px) { #contBox01 li.wb6 h4 strong{ transform: scale(0.9, 1); margin-left: -40px; margin-right: -40px; } } @media (min-width: 320px) and (max-width: 374px) { #contBox01 li.wb6 h4 strong{ transform: scale(0.8, 1); margin-left: -50px; margin-right: -50px; } } /* 新築戸建てのメニュー展開 */ p.onclickwindow a.onclickwindow span {display:none;} p.onclickwindow a.onclickwindow:hover span { display: block; position: absolute; color: #000; background: #FFF; box-shadow: 0px 0px 10px 3px rgb(0 0 0 / 10%); padding: 7px 10px; width: calc(100% - 40px); box-sizing: border-box; z-index: 1000; } p.onclickwindow a.onclickwindow:hover span:hover {display:none;} p.onfcwindow input[type="checkbox"] { display:none; } p.onfcwindow input[type="checkbox"] + span.window{ display:none; } p.onfcwindow input[type="checkbox"]:checked + span.window{ display:block; margin-top: -1.5em; float: left; background: #FFFFFF; } p.onfcwindow span.onfcwindow { display:block; } p.onfcwindow label.onfcwindow { display: inline-block; padding-left: 15px; background: url(../img/share/pt.png) no-repeat left 5px; float:left; } p.onfcwindow input[type="checkbox"] + span.window span.text{ display:block; } @media (min-width: 840px) { p.onfcwindow {display:none;} } @media (max-width: 839px) { p.onclickwindow {display:none;} #contBox01 .wb3 div {padding:25px 0 15px;} } /* 20230511 */ #newsBox .thumb {display:none;} #newsBox .detail span.category { background: #2c5982; color: #FFFFFF; padding: 1px 6px; margin-left: 6px; display: inline-block; font-size: 0.8em; } @media (min-width: 600px) { #newsBox .detail { float: none; width: auto; padding: 5px 25px; margin-left: 0; } }