@charset "utf-8";main#worksDetail{background-color:#f5f5f5;margin-top:-330px}#header nav{background-image:none}#header nav .topNavi.hide.detail{display:none}#worksDetail #topPanelArea .button{display:none}#worksDetail #worksDetailArea{margin-top:90px}#worksDetail #worksDetailArea .article{background-color:#fff;margin:0 auto;padding:10% 12%}#worksDetail #worksDetailArea .article .top .info{display:flex}#worksDetail #worksDetailArea .article .top .info .index span{padding:4px 10px 5px;font-size:.875em;color:#777;background-color:#ececec;border-radius:50px}#worksDetail #worksDetailArea .article .top .info .name{margin-left:20px;font-size:.875em;color:#555}#worksDetail #worksDetailArea .article .top .info .date{margin-left:auto;font-size:.875em;color:#555}#worksDetail #worksDetailArea .article .top .case{margin-top:35px;color:#006ab6;font-size:1.75em;font-weight:600;line-height:1.5}#worksDetail #worksDetailArea .article .content{margin-top:30px}#worksDetail #worksDetailArea .article .content .mainImage img{max-width:100%;height:auto}#worksDetail #worksDetailArea .article .content .subImage{margin-top:20px}#worksDetail #worksDetailArea .article .content .subImage img{max-width:100%;height:auto}#worksDetail #worksDetailArea .article .content .subTitle{margin-top:60px;font-size:1.375em;font-weight:600;line-height:1.5}#worksDetail #worksDetailArea .article .content .subText{margin-top:20px;line-height:1.5}#worksDetail #worksDetailArea .article .gallery{margin-top:60px}#worksDetail #worksDetailArea .article .gallery ul li{float:left;width:24.25%;margin-top:1%;margin-right:1%}#worksDetail #worksDetailArea .article .gallery ul li:nth-child(4n){margin-right:0}#worksDetail #worksDetailArea .article .gallery ul li a{display:block;height:0;padding-top:100%;margin:0 auto;position:relative;overflow:hidden}#worksDetail #worksDetailArea .article .gallery ul li a img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;transition:all .25s ease}#worksDetail #worksDetailArea .article .gallery ul li a:hover img{transform:translate(-50%,-50%) scale(1.05)}#worksDetail #pagingArea{padding:60px 0 120px}#worksDetail #pagingArea nav.post-navigation ul.post-navigation__list{display:flex;gap:100px;justify-content:center}#worksDetail #pagingArea nav.post-navigation ul.post-navigation__list li.post-navigation__item.post-navigation__prev a{position:relative;display:inline-block;font-size:.875em;transition:.5s all}#worksDetail #pagingArea nav.post-navigation ul.post-navigation__list li.post-navigation__item.post-navigation__prev a:hover{opacity:.5}#worksDetail #pagingArea nav.post-navigation ul.post-navigation__list li.post-navigation__item.post-navigation__prev a:before{content:'';position:absolute;background-image:url(//kyoto-tadasu.com/sys/wp-content/themes/tadasu.sys/assets/common/css/../../imageFile/global/arrow_bl_circle.svg);background-size:cover;width:18px;height:18px;left:-30px;top:-2px;transform:rotate(180deg);transition:.5s all}#worksDetail #pagingArea nav.post-navigation ul.post-navigation__list li.post-navigation__item.post-navigation__prev a:hover:before{left:-35px}#worksDetail #pagingArea nav.post-navigation ul.post-navigation__list li.post-navigation__item.post-navigation__index a{position:relative;transition:.5s all}#worksDetail #pagingArea nav.post-navigation ul.post-navigation__list li.post-navigation__item.post-navigation__index a:hover{opacity:.5}#worksDetail #pagingArea nav.post-navigation ul.post-navigation__list li.post-navigation__item.post-navigation__index a:before{content:'';position:absolute;width:100%;height:1px;bottom:0;background-color:#777;transition:.5s all}#worksDetail #pagingArea nav.post-navigation ul.post-navigation__list li.post-navigation__item.post-navigation__index a:hover:before{opacity:.5}#worksDetail #pagingArea nav.post-navigation ul.post-navigation__list li.post-navigation__item.post-navigation__next a{position:relative;display:inline-block;font-size:.875em;transition:.5s all}#worksDetail #pagingArea nav.post-navigation ul.post-navigation__list li.post-navigation__item.post-navigation__next a:hover{opacity:.5}#worksDetail #pagingArea nav.post-navigation ul.post-navigation__list li.post-navigation__item.post-navigation__next a:before{content:'';position:absolute;background-image:url(//kyoto-tadasu.com/sys/wp-content/themes/tadasu.sys/assets/common/css/../../imageFile/global/arrow_bl_circle.svg);background-size:cover;width:18px;height:18px;right:-30px;top:-2px;transition:.5s all}#worksDetail #pagingArea nav.post-navigation ul.post-navigation__list li.post-navigation__item.post-navigation__next a:hover:before{right:-35px}main#worksList{position:relative;margin-top:-80px;background-color:#f5f5f5}main#worksList:before{content:'';position:absolute;background-image:url(//kyoto-tadasu.com/sys/wp-content/themes/tadasu.sys/assets/common/css/../../imageFile/global/bg_paper.png);width:100%;height:480px}#header nav.lower{background-image:none}#worksList #topPanelArea{position:relative;margin-top:480px}#worksList #topPanelArea .md_title_topPanel{position:absolute;left:50%;top:-170px;transform:translateX(-50%);font-size:2.25em;letter-spacing:.5em}#worksList #topPanelArea picture{width:100%;height:478px}#worksList #topPanelArea picture img{width:100%;height:auto}#worksList #worksListArea{margin-top:80px;padding-bottom:120px}#worksList #worksListArea form.search .category{text-align:right}#worksList #worksListArea .list{margin-top:40px}#worksList #worksListArea .list ul li{float:left;width:370px;margin-right:45px;box-shadow:0 10px 10px rgba(0,0,0,.03);transition:all .25s ease-out}#worksList #worksListArea .list ul li:hover{box-shadow:none}#worksList #worksListArea .list ul li:nth-child(3n){margin-right:0}#worksList #worksListArea .list ul li:nth-child(n+4){margin-top:45px}#worksList #worksListArea .list ul li a{display:block}#worksList #worksListArea .list ul li a .image{position:relative;width:370px;height:370px;overflow:hidden}#worksList #worksListArea .list ul li a .image img{position:absolute;width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:all .25s ease}#worksList #worksListArea .list ul li a:hover .image img{transform:translate(-50%,-50%) scale(1.05)}#worksList #worksListArea .list ul li a .data{padding:30px 20px;background-color:#fff}#worksList #worksListArea .list ul li a .data .name{color:#555;font-size:.875em;line-height:1.5;letter-spacing:inherit}#worksList #worksListArea .list ul li a .data .case{margin-top:20px;color:#006ab6;font-size:1.125em;font-weight:600;line-height:1.5}#worksList #worksListArea .list ul li a .data .info{margin-top:20px}#worksList #worksListArea .list ul li a .data .info .index{display:flex;flex-wrap:wrap;gap:10px}#worksList #worksListArea .list ul li a .data .info .index span{color:#777;font-size:.75em;background-color:#ececec;padding:4px 10px 5px;border-radius:20px;height:fit-content}#worksList #worksListArea .list ul li a .data .info .date{text-align:right;margin-top:15px;color:#555;font-size:.875em;letter-spacing:inherit}#worksList #worksListArea .paging nav.pagination{margin-top:60px;text-align:center}#worksList #worksListArea .paging nav.pagination ul.pagination__list{display:inline-flex;gap:12px;padding:0;margin:0;list-style:none}#worksList #worksListArea .paging nav.pagination ul.pagination__list li.pagination__item.pagination__prev a{position:relative}#worksList #worksListArea .paging nav.pagination ul.pagination__list li.pagination__item.pagination__prev a:before{content:'';position:absolute;background-image:url(//kyoto-tadasu.com/sys/wp-content/themes/tadasu.sys/assets/common/css/../../imageFile/global/arrow_bl_single.svg);width:10px;height:10px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(180deg);transition:all .2s ease-in-out}#worksList #worksListArea .paging nav.pagination ul.pagination__list li.pagination__item.pagination__prev a:hover:before{background-image:url(//kyoto-tadasu.com/sys/wp-content/themes/tadasu.sys/assets/common/css/../../imageFile/global/arrow_wh_single.svg)}#worksList #worksListArea .paging nav.pagination ul.pagination__list li.pagination__item a,.pagination__item span{display:block;min-width:38px;height:38px;line-height:38px;padding:0 12px;text-align:center;text-decoration:none;border-radius:50%;color:#333;background-color:#fff;font-size:.75em;transition:all .2s ease-in-out}#worksList #worksListArea .paging nav.pagination ul.pagination__list li.pagination__item a:hover{background-color:#006ab6;color:#fff;border-color:#006ab6}#worksList #worksListArea .paging nav.pagination ul.pagination__list li.pagination__item.is-current span{background-color:#006ab6;color:#fff;font-weight:700;cursor:default;border-color:#006ab6}#worksList #worksListArea .paging nav.pagination ul.pagination__list li.pagination__item.pagination__next a{position:relative}#worksList #worksListArea .paging nav.pagination ul.pagination__list li.pagination__item.pagination__next a:before{content:'';position:absolute;background-image:url(//kyoto-tadasu.com/sys/wp-content/themes/tadasu.sys/assets/common/css/../../imageFile/global/arrow_bl_single.svg);width:10px;height:10px;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .2s ease-in-out}#worksList #worksListArea .paging nav.pagination ul.pagination__list li.pagination__item.pagination__next a:hover:before{background-image:url(//kyoto-tadasu.com/sys/wp-content/themes/tadasu.sys/assets/common/css/../../imageFile/global/arrow_wh_single.svg)}