html{min-height:1020px;overflow-y:scroll;}html body{-webkit-overflow-scrolling:touch}html .right-box{float:none;min-height:800px;margin-left:150px;position:relative;}@media screen and (max-width:766px){html .right-box{margin-left:0}}html .right-box .category-box{position:fixed;left:195px;top:257px;height:0;z-index:99;}html .right-box .category-box div{float:left;width:46%}html .right-box .category-box div.right{margin-left:20px}@media screen and (max-width:766px){html .right-box .category-box{display:none}}html .right-box .category-box-r{left:55%}html .right-box .category-box .l{float:left}html .right-box .category-box .r{float:right}html .right-box .category-box p{display:inline-block;margin:0;width:auto;float:none;cursor:pointer;font-size:24px;min-height:26px;}html .right-box .category-box p a{color:#fff}html .right-box .category-box p span{text-transform:uppercase;font-size:25px;line-height:26px;padding:0 3px;background-color:#02ffd0}html .right-box .category-box p:hover a,html .right-box .category-box p.active a{color:#000}html .right-box .category-box p:hover span,html .right-box .category-box p.active span{background-color:#fff;color:#02ffd0}html .right-box .works-list li{opacity:0;}@media screen and (max-width:766px){html .right-box .works-list li{display:block;cursor:pointer}}@media screen and (max-width:766px){html .right-box .works-list li a{width:100%;height:75px;display:block;cursor:pointer}}@media screen and (min-width:480px){html .right-box ul li:hover .top-box .over{display:block}html .right-box ul li:hover .under-box .date{color:#ccc}html .right-box ul li:hover a p span{color:#ccc}}html .right-box ul li{width:238px;float:left;margin-bottom:13px;cursor:pointer;}html .right-box ul li a{display:block}html .right-box ul li img{width:238px}html .right-box ul li .top-box{overflow:hidden;position:relative;}html .right-box ul li .top-box p{height:100%;width:100%;}html .right-box ul li .top-box p img{position:absolute}html .right-box ul li .top-box .over{display:none}html .right-box ul li .proto{position:relative;}html .right-box ul li .proto p{position:absolute;right:10px;top:-46px}html .right-box ul li .proto img{width:96px}html .right-box ul li .under-box{margin-top:14px;min-height:90px;padding-right:10px;letter-spacing:1px;}html .right-box ul li .under-box .date,html .right-box ul li .under-box .title{font-size:12px}html .right-box ul li .under-box .category{height:16px;color:#0fc;margin-bottom:10px;}html .right-box ul li .under-box .category span{padding:2px 5px;border:solid 1px #02ffd0;margin-right:10px;}@media screen and (max-width:766px){html .right-box ul li .under-box .category span{letter-spacing:.1px;font-size:88%}}html .right-box ul li .under-box .title{color:#666;line-height:16px}@media screen and (max-width:766px){html .right-box ul li{position:relative}}html .right-box ul li .proto{position:relative;}@media screen and (max-width:766px){html .right-box ul li .proto{position:absolute;right:10px;top:13px}}html .right-box ul li .proto p{position:absolute;right:10px;top:-46px;}@media screen and (max-width:766px){html .right-box ul li .proto p{position:static;right:0;top:0}}html .right-box ul li .proto img{width:96px;}@media screen and (max-width:766px){html .right-box ul li .proto img{width:48px}}.works-detail{padding-bottom:20px;}@media screen and (max-width:766px){.works-detail .right-box ul li .proto p{top:-24px}}@media screen and (max-width:766px){.works-detail .right-box ul li .proto p img{width:48px}}@media screen and (max-width:766px){.works-detail .right-box .work-box .under-box{padding:0 20px}}.works-detail .right-box .work-box .category{height:16px;color:#0fc;margin-bottom:10px;}.works-detail .right-box .work-box .category span{padding:2px 5px;border:solid 1px #02ffd0;margin-right:10px}.works-detail .right-box .work-box .title{font-size:20px;letter-spacing:.3px;font-weight:normal;color:#000;margin-top:25px;line-height:29px}.works-detail .right-box .work-box .smp-category{display:none;margin-top:17px}@media screen and (max-width:766px){.works-detail .right-box .work-box .smp-category{display:block}}.works-detail .right-box .work-box .detail{line-height:32px;margin-top:68px;}@media screen and (max-width:766px){.works-detail .right-box .work-box .detail{margin-top:48px}}.works-detail .right-box .work-box .detail .in-left{width:596px;float:left;color:#666;font-size:15px;letter-spacing:1px;line-height:28px;}@media screen and (max-width:766px){.works-detail .right-box .work-box .detail .in-left{line-height:28px}}.works-detail .right-box .work-box .detail .in-left p{font-size:15px;letter-spacing:1px;line-height:28px;}@media screen and (max-width:766px){.works-detail .right-box .work-box .detail .in-left p{line-height:28px}}.works-detail .right-box .work-box .detail .in-left .credit{margin-top:31px;letter-spacing:.3px}.works-detail .right-box .work-box .detail .in-left .credit,.works-detail .right-box .work-box .detail .in-left .credit p{line-height:30px;font-size:14px;color:#333}@media screen and (max-width:1022px){.works-detail .right-box .work-box .detail .in-left{width:396px}}@media screen and (max-width:768px){.works-detail .right-box .work-box .detail .in-left{width:306px}}@media screen and (max-width:766px){.works-detail .right-box .work-box .detail .in-left{width:100%;margin-bottom:120px}}.works-detail .right-box .work-box .detail .in-right{width:160px;margin-left:669px;padding:9px 22px 9px 19px;border:solid 1px #000;font-size:12px;line-height:34px;color:#666;margin-top:8px;letter-spacing:.5px;}@media screen and (max-width:766px){.works-detail .right-box .work-box .detail .in-right{display:none}}.works-detail .right-box .work-box .detail .in-right p{font-size:14px;line-height:34px;color:#666}@media screen and (max-width:1022px){.works-detail .right-box .work-box .detail .in-right{margin-left:466px}}@media screen and (max-width:768px){.works-detail .right-box .work-box .detail .in-right{margin-left:376px}}@media screen and (max-width:766px){.works-detail .right-box .work-box .detail .in-left,.works-detail .right-box .work-box .detail .in-right{float:none}.works-detail .right-box .work-box .detail .in-right{margin-top:75px;margin-left:0}}.works-detail .right-box .work-box .work-top-box.youtube-mode .img-box{display:none}.works-detail .right-box .work-box .work-top-box.youtube-mode .youtube-parent{display:block}.works-detail .right-box .work-box .work-top-box.img-mode .img-box{text-align:center;display:#000;}.works-detail .right-box .work-box .work-top-box.img-mode .img-box img.w{width:100%}.works-detail .right-box .work-box .work-top-box.img-mode .img-box img.h{height:90%}.works-detail .right-box .work-box .work-top-box.img-mode .youtube-parent{display:none}.works-detail .right-box .work-box .work-top-box{margin-right:30px;}@media screen and (max-width:766px){.works-detail .right-box .work-box .work-top-box{margin-right:0;display:none}}.works-detail .right-box .work-box .work-top-box .youtube-parent{position:relative;width:100%;padding-top:56.25%;}.works-detail .right-box .work-box .work-top-box .youtube-parent iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important}.works-detail .right-box .work-box .smp{display:none;}@media screen and (max-width:766px){.works-detail .right-box .work-box .smp{display:block}}.works-detail .right-box .work-box .smp>div:not([data-yt-private])+div{margin-top:25px;}@media screen and (max-width:766px){.works-detail .right-box .work-box{display:flow-root}.works-detail .right-box .work-box>.under-box{margin-top:25px}}.works-detail .right-box .work-box .smp div img{width:100%}.works-detail .right-box .work-box .smp .youtube-parent{position:relative;width:100%;padding-top:56.25%;}.works-detail .right-box .work-box .smp .youtube-parent iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important}.works-detail .right-box .work-box .thumbnail{margin-top:23px;}@media screen and (min-width:767px){.works-detail .right-box .work-box>.under-box{margin-top:49px}}@media screen and (max-width:766px){.works-detail .right-box .work-box .thumbnail{display:none}}.works-detail .right-box .work-box .thumbnail ul li{width:140px;height:85px;overflow:hidden;}.works-detail .right-box .work-box .thumbnail ul li img{display:none;opacity:.5;}@media screen and (min-width:480px){.works-detail .right-box .work-box .thumbnail ul li img{-webkit-filter:grayscale(100%);filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale")}}.works-detail .right-box .work-box .thumbnail ul li img:hover{opacity:1;}@media screen and (min-width:480px){.works-detail .right-box .work-box .thumbnail ul li img:hover{-webkit-filter:grayscale(0%);filter:none}}.works-detail .right-box .work-box .thumbnail ul li.active img{opacity:1;}@media screen and (min-width:480px){.works-detail .right-box .work-box .thumbnail ul li.active img{-webkit-filter:grayscale(0%);filter:none}}.works-detail .right-box .works-list{margin-top:94px;}@media screen and (max-width:766px){.works-detail .right-box .works-list{display:none}}.works-detail .right-box .main-ph{text-align:center;background-color:#000}.works-detail .right-box .smp-main-ph{display:none;position:relative;overflow:hidden;width:100%;height:450px;}.works-detail .right-box .smp-main-ph h2,.works-detail .right-box .smp-main-ph .date{float:left;min-height:40px;display:table-cell;vertical-align:middle;padding-top:16px}.works-detail .right-box .smp-main-ph h2{width:240px;text-align:center;margin:0}.works-detail .right-box .smp-main-ph .date{padding-left:10px;width:30px;color:#0fc}.works-detail .right-box .smp-main-ph .in-box{position:absolute;overflow:hidden;left:0;background-color:#000;width:14500px;}.works-detail .right-box .smp-main-ph .in-box p{float:left;}.works-detail .right-box .smp-main-ph .in-box p img{width:100%}.works-detail .right-box ul li:hover .under-box .date{color:#ccc}.works-detail .right-box ul li:hover a p span{color:#ccc}.works-detail .right-box ul li{width:238px;float:left;margin-bottom:13px;cursor:pointer;}.works-detail .right-box ul li img{width:238px}.works-detail .right-box ul li .top-box{overflow:hidden}.works-detail .right-box ul li .under-box{margin-top:14px;min-height:90px;padding-right:10px;letter-spacing:1px;}.works-detail .right-box ul li .under-box .date,.works-detail .right-box ul li .under-box .title{font-size:12px}.works-detail .right-box ul li .under-box .category{height:16px;color:#0fc;margin-bottom:10px;}.works-detail .right-box ul li .under-box .category span{padding:2px 5px;border:solid 1px #02ffd0;margin-right:10px}.works-detail .right-box ul li .under-box .title{color:#666;line-height:16px}@media screen and (max-width:766px){* html .pagenate li{display:inline;zoom:1}*+html .pagenate li{display:inline;zoom:1}body{padding:0}.works-top{margin-top:0;}.works-top .left-box.fixed{position:static;top:0}.works-top .right-box.fixed{position:static;left:0}.works-top .left-box{display:none}.works-top .right-box{width:100% !important;padding-left:0;}.works-top .right-box ul{width:100% !important;}.works-top .right-box ul li{margin:0;border-bottom:1px dotted #ccc;}.works-top .right-box ul li .top-box{width:100px;overflow:hidden;border-right:1px solid #ccc}.works-top .right-box ul li .under-box{float:none;margin-left:80px;width:65%;margin:0;padding:0;padding-left:10px;min-height:initial;height:auto !important;min-height:auto;}.works-top .right-box ul li .under-box .title{margin:0;width:85%;line-height:15px;word-break:break-all}.works-top .right-box ul li .under-box .title.font-s{font-size:80%;line-height:14px}.works-top .right-box ul li .under-box a{float:left}.works-top .right-box ul li .under-box .category{margin-top:10px;margin-bottom:8px;float:none}.works-top .right-box ul li .top-box,.works-top .right-box ul li .under-box{float:left}.works-top .right-box{margin-left:0;padding-left:0;}.works-top .right-box ul li{width:100% !important}.works-detail .left-box{display:none}.works-detail .right-box{margin-left:0;padding-left:0;}.works-detail .right-box .smp-main-ph{display:block}.works-detail .right-box .main-ph{display:none}}