@charset "UTF-8";
#works.index{padding:0 0 30px}
#works.index .work_index{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
#works.index .work_index .col{width:31%;margin:40px 0 0 3.5%}
#works.index .work_index .col:nth-child(3n+1){margin-left:0}
#works.index .work_index .col:nth-child(-n+3){margin-top:0}
#works.index .work_index .col a{text-decoration:none}
#works.index .work_index .col a:hover img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
#works.index .work_index .col .label{margin-top:10px;text-align:center;font-size:1.14em}
#works.index .work_index .col .thumb{overflow:hidden}
#works.index .work_index .col .thumb img{vertical-align:bottom;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}
#works.index .work_index .col .thumb.has_border{border:1px solid #efefef;-webkit-box-sizing:border-box;box-sizing:border-box}
#works.index .work_index .col .detail{margin-top:20px}
#works.under{position:relative;padding:0 0 10px}
#works.under .slide{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:0;margin-bottom:20px;padding-bottom:50%}
#works.under .slide .main_img{position:absolute;width:80%;height:100%}
#works.under .slide .main_img .has_border{border:1px solid #efefef;-webkit-box-sizing:border-box;box-sizing:border-box}
#works.under .slide .thumb{position:absolute;right:0;width:20%;height:100%;background-color:#efefef;border-left:5px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box}
#works.under .slide .thumb .swiper-slide{border-bottom:2px solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box}
#works.under .org_main .col{margin-bottom:25px}
#works.under .org_main .col .caption{margin-top:5px;text-align:right;font-size:85.7%}
#works.under .credit{position:absolute;right:0;margin-top:-20px}
#works.under .title{margin-bottom:5px;font-size:1.71em}
#works.under .detail{display:-webkit-box;display:-ms-flexbox;display:flex}
#works.under .detail .spec{width:25%;padding-right:5%;line-height:1.5}
#works.under .detail .spec .separate{margin-top:2em}
#works.under .detail .spec li+li{margin-top:.45em}
#works.under .detail .summary{width:65%;padding-left:5%;border-left:2px solid #efefef}
#works.under .detail .summary p+p{margin-top:1em}
.swiper-container{width:100%;height:300px;margin-left:auto;margin-right:auto}
.swiper-slide{-webkit-background-size:cover;background-size:cover;background-position:center}
.gallery-top{height:100%;width:100%}
.gallery-thumbs{height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.gallery-thumbs .swiper-slide{width:100%;height:100%;opacity:.4}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.swiper-button-next,.swiper-button-prev{width:45px;height:45px;margin-top:-22px;-webkit-filter:drop-shadow(2px 5px 5px grey);filter:drop-shadow(2px 5px 5px grey)}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background:url(/shared/img/next.svg) no-repeat 0 0;-webkit-background-size:40px auto;background-size:40px auto}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background:url(/shared/img/back.svg) no-repeat 0 0;-webkit-background-size:45px auto;background-size:45px auto}
.swiper-button-next:not(.swiper-button-disabled){-webkit-animation:blink .75s ease-in-out 7 alternate;animation:blink .75s ease-in-out 7 alternate}
@media only screen and (max-width:767px){#works.index{padding-bottom:20px}
#works.index .work_index{-ms-flex-wrap:wrap;flex-wrap:wrap}
#works.index .work_index .col{width:47%;margin:25px 0 0 0}
#works.index .work_index .col:nth-child(-n+3){margin-top:25px}
#works.index .work_index .col:nth-child(-n+2){margin-top:0}
#works.index .work_index .col:nth-child(odd){margin-left:0}
#works.index .work_index .col:nth-child(even){margin-left:6%}
#works.index .work_index .col a:hover img{-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
#works.index .work_index .col .label{font-size:1em;line-height:1.35}
#works.under .slide{display:block;padding-bottom:62.5%}
#works.under .slide .main_img{width:100%}
#works.under .slide .thumb{opacity:0;visibility:hidden}
#works.under .detail{display:block}
#works.under .detail .spec{width:100%}
#works.under .detail .summary{width:100%;margin-top:20px;padding:20px 0 0;border-top:2px solid #efefef;border-left:none}
.swiper-button-next,.swiper-button-prev{width:13px;height:22px;-webkit-background-size:13px auto;background-size:13px auto;margin-top:-6px}
.swiper-button-next,.swiper-button-prev{width:25px;height:25px;margin-top:-13px;-webkit-filter:drop-shadow(1px 2px 2px grey);filter:drop-shadow(1px 2px 2px grey)}
.swiper-button-next{right:0}
.swiper-button-prev{left:0}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{-webkit-background-size:25px auto;background-size:25px auto}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{-webkit-background-size:25px auto;background-size:25px auto}
}
@-webkit-keyframes blink{0%{opacity:0}
100%{opacity:1}
}
@keyframes blink{0%{opacity:0}
100%{opacity:1}
}