@charset "UTF-8";.works{background-color:#141211}.works .pageTitleWrap{background-position:center -70px}@media only screen and (max-width:960px){.works .pageTitleWrap{background-position:center center}}.works #notFound h1,.works #notFound p{color:#fff}.works .serviceDetailList>a{background-color:rgba(233,176,159,.25);-webkkit-transition-property:all;-moz-transition-property:all;-ms-transition-property:all;-o-transition-property:all;transition-property:all;-webkkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;-webkkit-transition-delay:0s;transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;display:inline-block;font-size:11px;-webkit-border-radius:11px;-moz-border-radius:11px;-ms-border-radius:11px;-o-border-radius:11px;border-radius:11px;margin-left:8px;display:inline-block;color:#cbbfb8;padding:6px 15px}.works .serviceDetailList>a:first-child{margin-left:0}@media only screen and (max-width:960px){.works .serviceDetailList>a{margin:3px}}.works .serviceDetailList>a:hover{color:#fff;background-color:#ff3600}.works .worksList{font-size:0}.works .worksList li{width:22.6%;display:inline-block;vertical-align:top;margin-left:3.2%}.archive.works .worksList li{position:relative;opacity:0;top:12px;-webkkit-transition-property:top,opacity;-moz-transition-property:top,opacity;-ms-transition-property:top,opacity;-o-transition-property:top,opacity;transition-property:top,opacity;-webkkit-transition-duration:.6s,1.8s;-moz-transition-duration:.6s,1.8s;-ms-transition-duration:.6s,1.8s;-o-transition-duration:.6s,1.8s;transition-duration:.6s,1.8s;-webkkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;-webkkit-transition-delay:0s;transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.archive.works .worksList li.active{opacity:1;top:0}@media only screen and (max-width:960px){.works .worksList li{width:100%;margin-left:0;margin-top:20px}}.works .worksList li:nth-child(4n+1){margin-left:0}@media only screen and (max-width:960px){.works .worksList li:nth-child(4n+1){margin-top:0}}.works .worksList li:nth-child(n+5){margin-top:3.2%}@media only screen and (max-width:960px){.works .worksList li:nth-child(n+5){margin-top:20px}}.works .worksList li a{display:block}.works .worksList li a .hover{width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;-webkkit-transition-delay:0s;transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;border:6px solid #ff6500;opacity:0;filter:alpha(opacity=0)}@media only screen and (max-width:960px){.works .worksList li a .hover{border:none}}.works .worksList li a:hover .hover{opacity:1;filter:alpha(opacity=100)}.works .worksList li a:hover .title{color:#f60}.works .worksList li .photo{margin-bottom:20px;position:relative;height:183px;background-position:center center;background-size:cover;background-repeat:no-repeat}@media only screen and (max-width:960px){.works .worksList li .photo{height:auto;margin-bottom:10px}}.works .worksList li .photo .cate{color:#fff;background-image:linear-gradient(to right,#f60 0%,#ff3600 51%,#f60 100%);font-size:12px;padding:10px;z-index:1;position:absolute;top:0;left:0}.works .worksList li .title{color:#fff;font-size:16px;font-feature-settings:"palt";-webkkit-transition-property:color;-moz-transition-property:color;-ms-transition-property:color;-o-transition-property:color;transition-property:color;-webkkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;-webkkit-transition-delay:0s;transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.works .worksList li .serviceDetailList{margin-top:15px;text-align:left}.works .worksList li .serviceDetailList a{display:inline-block;font-size:11px}.works.archive .productCateLink ul{font-size:0;text-align:center}@media only screen and (max-width:960px){.works.archive .productCateLink ul{border:1px solid #ff6100;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;background-color:#000}}.works.archive .productCateLink ul li{margin-left:20px;width:100px;display:inline-block;vertical-align:middle}@media only screen and (max-width:960px){.works.archive .productCateLink ul li{margin-left:0;width:100%;border-top:1px solid #ff6100}}.works.archive .productCateLink ul li:first-child{margin-left:0;border-top:none}.works.archive .productCateLink ul li a{border:1px solid #ff6100;display:block;color:#ff3600;padding:15px 0;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}@media only screen and (min-width:960px){.works.archive .productCateLink ul li a{-webkkit-transition-property:all;-moz-transition-property:all;-ms-transition-property:all;-o-transition-property:all;transition-property:all;-webkkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;-webkkit-transition-delay:0s;transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;background-size:200% 100%;transition:background-position .3s cubic-bezier(.19,1,.22,1) .1s,color .5s ease 0s,background-color .5s ease;background-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,#f60 50%,#ff3600 100%)}}.works.archive .productCateLink ul li a .category{font-size:11px;line-height:29px;margin-top:5px}@media only screen and (max-width:960px){.works.archive .productCateLink ul li a .category{font-size:16px;margin-top:0}}@media only screen and (max-width:960px){.works.archive .productCateLink ul li a{border:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;padding:13px;text-align:left}.works.archive .productCateLink ul li a .icon{display:none}}@media only screen and (min-width:960px){.works.archive .productCateLink ul li a:hover,.works.archive .productCateLink ul li a.active{color:#fff;background-position:-100% 100%}.works.archive .productCateLink ul li a:hover .icon,.works.archive .productCateLink ul li a.active .icon{background-position:center top;background-repeat:no-repeat}.works.archive .productCateLink ul li a:hover .icon img,.works.archive .productCateLink ul li a.active .icon img{opacity:0;filter:alpha(opacity=0);-webkkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;-webkkit-transition-delay:0s;transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}}.works.archive .productCateLink ul li.all a:hover .icon,.works.archive .productCateLink ul li.all a.active .icon{background-image:url(//cscraft.co.jp/wp-content/themes/cscraft-theme/css/../images/under/works/icon1_on.png)}@media only screen and (max-width:960px){.works.archive .productCateLink ul li.all a{display:inline-block;vertical-align:middle;width:20%;box-sizing:border-box}.works.archive .productCateLink ul li.all a:first-child{width:80%}.works.archive .productCateLink ul li.all a.open img{width:10px}}.works.archive .productCateLink ul li.productCateSubLink{width:700px;display:inline-block;vertical-align:middle;font-size:0}@media only screen and (max-width:960px){.works.archive .productCateLink ul li.productCateSubLink{width:100%;display:none}}@media only screen and (max-width:960px){.works.archive .productCateLink ul li.productCateSubLink li:nth-child(1) a{background-image:none}}.works.archive .productCateLink ul li.productCateSubLink li:nth-child(1) a:hover .icon,.works.archive .productCateLink ul li.productCateSubLink li:nth-child(1) a.active .icon{background-image:url(//cscraft.co.jp/wp-content/themes/cscraft-theme/css/../images/under/works/icon2_on.png)}.works.archive .productCateLink ul li.productCateSubLink li:nth-child(2) a .category{line-height:1.3}.works.archive .productCateLink ul li.productCateSubLink li:nth-child(2) a:hover .icon,.works.archive .productCateLink ul li.productCateSubLink li:nth-child(2) a.active .icon{background-image:url(//cscraft.co.jp/wp-content/themes/cscraft-theme/css/../images/under/works/icon3_on.png)}.works.archive .productCateLink ul li.productCateSubLink li:nth-child(3) a:hover .icon,.works.archive .productCateLink ul li.productCateSubLink li:nth-child(3) a.active .icon{background-image:url(//cscraft.co.jp/wp-content/themes/cscraft-theme/css/../images/under/works/icon4_on.png)}.works.archive .productCateLink ul li.productCateSubLink li:nth-child(4) a:hover .icon,.works.archive .productCateLink ul li.productCateSubLink li:nth-child(4) a.active .icon{background-image:url(//cscraft.co.jp/wp-content/themes/cscraft-theme/css/../images/under/works/icon5_on.png)}.works.archive .productCateLink ul li.productCateSubLink li:nth-child(5) a:hover .icon,.works.archive .productCateLink ul li.productCateSubLink li:nth-child(5) a.active .icon{background-image:url(//cscraft.co.jp/wp-content/themes/cscraft-theme/css/../images/under/works/icon6_on.png)}.works.archive .productCateLink ul li.productCateSubLink li:nth-child(6) a:hover .icon,.works.archive .productCateLink ul li.productCateSubLink li:nth-child(6) a.active .icon{background-image:url(//cscraft.co.jp/wp-content/themes/cscraft-theme/css/../images/under/works/icon7_on.png)}.works.archive .worksList{margin-top:55px}.works.single .pageTitleWrap .cateWrap{text-align:center}.works.single .pageTitleWrap .cateWrap .cate,.works.single .pageTitleWrap .cateWrap .date{display:inline-block;vertical-align:middle}.works.single .pageTitleWrap .cateWrap .cate{color:#fff;background-image:linear-gradient(to right,#f60 0%,#ff3600 51%,#f60 100%);font-size:16px;padding:10px 15px;margin-right:15px}.works.single .pageTitleWrap .cateWrap .date{font-size:16px}.works.single .pageTitleWrap .articleTitle{font-size:48px;font-weight:700;margin-top:30px}@media only screen and (max-width:960px){.works.single .pageTitleWrap .articleTitle{font-size:36px}}.works.single .pageTitleWrap .serviceDetailList{margin-top:35px}.works.single .contBoxWrap{max-width:800px}.works.single .photoWrap .slides .slide{background-color:#000;height:566px;position:relative;background-repeat:no-repeat;background-position:center center;background-size:contain}@media only screen and (max-width:960px){.works.single .photoWrap .slides .slide{height:300px}}.works.single .photoWrap .slides .slide img{margin:0 auto;position:absolute;top:50%;left:50%;-webkkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.works.single .photoWrap .slick-arrow{height:50px;width:50px;background-size:cover;background-size:200% 100%;transition:background-position .3s cubic-bezier(.19,1,.22,1) .1s,color .5s ease 0s,background-color .5s ease;border:1px solid #ff5400;z-index:5;background-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,#f60 50%,#ff3600 100%)}.works.single .photoWrap .slick-arrow:hover{background-position:-100% 100%}.works.single .photoWrap .slick-arrow:before{content:"";background-position:center center;background-repeat:no-repeat;height:100%;width:100%;display:inline-block}.works.single .photoWrap .slick-arrow.slick-prev{left:-80px}.works.single .photoWrap .slick-arrow.slick-prev:before{background-image:url(//cscraft.co.jp/wp-content/themes/cscraft-theme/css/../images/icon/arrowLeft.png)}.works.single .photoWrap .slick-arrow.slick-prev:hover:before{background-image:url(//cscraft.co.jp/wp-content/themes/cscraft-theme/css/../images/icon/arrowLeft_w.png)}.works.single .photoWrap .slick-arrow.slick-next{right:-80px}.works.single .photoWrap .slick-arrow.slick-next:before{background-image:url(//cscraft.co.jp/wp-content/themes/cscraft-theme/css/../images/icon/arrowRight.png)}.works.single .photoWrap .slick-arrow.slick-next:hover:before{background-image:url(//cscraft.co.jp/wp-content/themes/cscraft-theme/css/../images/icon/arrowRight_w.png)}.works.single .photoWrap .slick-dots{bottom:20px}.works.single .textWrap{margin-top:35px}.works.single .productCopy{margin-top:30px}.works.single .siteBtn{margin-top:25px}.works.single .siteBtn a{display:inline-block;font-size:14px;padding:14px 23px}.works.single .btnWrap{margin-top:80px}@media only screen and (max-width:960px){.works.single .btnWrap{margin-top:40px}}.works.single .sameCatePostWrap{padding:80px 0;border-top:1px solid #3c3f40;margin-top:20px}@media only screen and (max-width:960px){.works.single .sameCatePostWrap{margin-top:0;padding:50px 0}}.works.single .sameCatePostWrap .sameCatePostTitle{text-align:center;font-size:32px;margin-bottom:40px}@media only screen and (max-width:960px){.works.single .sameCatePostWrap .sameCatePostTitle{font-size:26px}}