.fadeon{opacity:0;transition:all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0.5s}.fadeon.is-on{opacity:1}.fadeup{filter:grayscale(100%);opacity:1;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s;-moz-transform:translateY(2rem);-ms-transform:translateY(2rem);-webkit-transform:translateY(2rem);transform:translateY(2rem)}.fadeup.is-on{filter:grayscale(0);opacity:1;-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}#construction #construction-list{padding:0 3%;max-width:calc(1100px + 6%);margin:0 auto;margin-top:9rem;display:flex;flex-wrap:wrap}@media screen and (max-width: 959px){#construction #construction-list{padding:0 1rem}}@media screen and (max-width: 559px){#construction #construction-list{margin-top:5rem}}#construction #construction-list li{margin-bottom:5rem;width:29.1%;margin-right:calc((100% - 29.1%*3) / 2)}#construction #construction-list li:nth-of-type(3n){margin-right:0}@media screen and (max-width: 959px){#construction #construction-list li{width:47%;margin-right:calc((100% - 47%*2) / 1)}#construction #construction-list li:nth-of-type(3n){margin-right:calc((100% - 47%*2) / 1)}#construction #construction-list li:nth-of-type(even){margin-right:0}}@media screen and (max-width: 559px){#construction #construction-list li{margin-bottom:2.5rem}}#construction #construction-list li a{display:block;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#construction #construction-list li a:hover{opacity:.7}#construction #construction-list li a .imageholder{position:relative;width:100%;height:auto;overflow:hidden}#construction #construction-list li a .imageholder .image{position:relative;-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-webkit-transform:scale(1, 1);transform:scale(1, 1);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}#construction #construction-list li a .imageholder .image:before{position:relative;content:"";display:block;padding-top:66.9%;background:#000}#construction #construction-list li a .imageholder .image img{height:auto;position:absolute;top:50%;transform:translateY(-50%)}#construction #construction-list li a .ttl{margin-top:1.5rem;font-size:1.8rem;font-weight:500;line-height:1.5;letter-spacing:.1rem;position:relative;padding-left:2.5rem}@media screen and (max-width: 559px){#construction #construction-list li a .ttl{margin-top:1rem;font-size:1.5rem}}#construction #construction-list li a .ttl:before{position:absolute;top:0;left:0;content:"\025b6";font-size:1.8rem;margin-right:.5rem;display:inline-block;color:#ce000e}@media screen and (max-width: 559px){#construction #construction-list li a .ttl:before{font-size:1.5rem}}#construction-detail{padding:0 3%;max-width:calc(792px + 6%);margin:0 auto}@media screen and (max-width: 959px){#construction-detail{padding:0 1rem}}#construction-detail .article-ttl{font-size:2.6rem;letter-spacing:.2rem;line-height:1.6rem;font-weight:500;text-align:center;border-bottom:1px solid #ce000e;padding-bottom:2.5rem;margin-bottom:2.5rem}@media screen and (max-width: 559px){#construction-detail .article-ttl{font-size:2rem;padding-bottom:1.5rem;margin-bottom:2rem;line-height:1.3}}#construction-detail .image-list{width:100%;margin:3rem auto 5rem}@media screen and (max-width: 959px){#construction-detail .image-list{width:100%;margin:3rem auto 4rem;padding:0 1rem}}#construction-detail .image-list .swiper-custom-parent1{position:relative}#construction-detail .image-list .swiper-container{position:relative;overflow:hidden;height:70vw;max-height:600px;min-height:300px}@media screen and (max-width: 559px){#construction-detail .image-list .swiper-container{min-height:250px}}#construction-detail .image-list .swiper-container .swiper-slide{text-align:center;line-height:1;display:flex;align-items:flex-start;justify-content:center}#construction-detail .image-list .swiper-container .swiper-slide img{display:inline;width:auto;max-width:100%;max-height:100%;align-self:center}#construction-detail .image-list .swiper-pagination{left:0;right:0;margin:0 auto}#construction-detail .image-list .swiper-pagination .swiper-pagination-bullet{margin:0 .6rem;background:#b7b7b7;opacity:1}#construction-detail .image-list .swiper-pagination .swiper-pagination-bullet-active{background:#ce000e;opacity:1}#construction-detail .image-list .swiper-custom-parent1{position:relative}#construction-detail .image-list .swiper-button-prev:after,#construction-detail .image-list .swiper-container-rtl .swiper-button-next:after,#construction-detail .image-list .swiper-button-next:after,#construction-detail .image-list .swiper-container-rtl .swiper-button-prev:after{display:none}#construction-detail .image-list .swiper-button-next,#construction-detail .image-list .swiper-button-prev{position:absolute;top:50%;width:36px;height:70px;margin-top:-35px;z-index:10}@media screen and (max-width: 959px){#construction-detail .image-list .swiper-button-next,#construction-detail .image-list .swiper-button-prev{width:18px;height:35px;margin-top:-18px}}#construction-detail .image-list .swiper-button-next.swiper-button-disabled,#construction-detail .image-list .swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}#construction-detail .image-list .swiper-button-prev{background:url(//customhomes.co.jp/wordpress/wp-content/themes/customehomes/img/common/swiperarrow-left.svg) no-repeat center center/contain;filter:drop-shadow(2px 2px 1px #ccc)}#construction-detail .image-list .swiper-button-next{background:url(//customhomes.co.jp/wordpress/wp-content/themes/customehomes/img/common/swiperarrow-right.svg) no-repeat center center/contain;filter:drop-shadow(-2px 2px 1px #ccc)}#construction-detail .image-list .swiper-button-prev,#construction-detail .image-list .swiper-container-rtl .swiper-button-next{left:20px;right:auto}@media screen and (max-width: 959px){#construction-detail .image-list .swiper-button-prev,#construction-detail .image-list .swiper-container-rtl .swiper-button-next{left:20px}}@media screen and (max-width: 559px){#construction-detail .image-list .swiper-button-prev,#construction-detail .image-list .swiper-container-rtl .swiper-button-next{left:10px}}#construction-detail .image-list .swiper-button-next,#construction-detail .image-list .swiper-container-rtl .swiper-button-prev{right:20px;left:auto}@media screen and (max-width: 959px){#construction-detail .image-list .swiper-button-next,#construction-detail .image-list .swiper-container-rtl .swiper-button-prev{right:20px}}@media screen and (max-width: 559px){#construction-detail .image-list .swiper-button-next,#construction-detail .image-list .swiper-container-rtl .swiper-button-prev{right:10px}}