@keyframes tobottom{0%{transform:translateY(0)}100%{transform:translateY(62px)}}@media screen and (max-width:664px){.pc{display:none !important}body{font-size:14px;line-height:1.6;letter-spacing:1px;color:#000}.l{float:none}.r{float:none}#page-top{width:40px;position:fixed;bottom:4px;right:4px;z-index:10000}.kousai{-webkit-box-shadow:0 0 5px 0 #777;-moz-box-shadow:0 0 5px 0 #777;box-shadow:0 0 5px 0 #777}.wrap{width:100%;margin:0 auto;padding:0 25px}.ttl-type-a{font-weight:400;font-size:26px}.ttl-type-b{font-weight:400;font-size:18px}.btn{width:100%;max-width:300px;display:inline-block;font-size:15px;text-align:center;padding:15px 40px;border:0;vertical-align:top;background:#fff;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px}.btn:hover{border:0}header .h-logo a{display:block;float:left;width:148px;height:50px;padding:0;margin:10px 15px;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(//hitotsu-films.com/wp-content/themes/hitotsu/css/../img/h-logo-w.png) no-repeat top left;background-size:148px;z-index:1000;position:relative}.c-black header .h-logo a{display:block;float:left;width:148px;height:50px;padding:0;margin:10px 15px;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(//hitotsu-films.com/wp-content/themes/hitotsu/css/../img/h-logo.png) no-repeat top left;background-size:148px}.df-nav header .h-logo a{display:block;float:left;width:148px;height:50px;padding:0;margin:10px 15px;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(//hitotsu-films.com/wp-content/themes/hitotsu/css/../img/h-logo.png) no-repeat top left;background-size:148px}.con-body{z-index:2;position:relative;height:100%;background-color:#fff;-webkit-transition:transform .7s ease-in-out;-moz-transition:transform .7s ease-in-out;-ms-transition:transform .7s ease-in-out;-o-transition:transform .7s ease-in-out;transition:transform .7s ease-in-out}.sidebar{height:100%;overflow-y:scroll;width:90%;position:fixed;top:0;z-index:1;right:0;background:#fff}.bar{display:block;height:2px;width:50px;background-color:#fff;margin:8px auto}.active .bar{display:block;height:2px;width:40px;background-color:#fff;margin:6px auto}.c-black-02 .bar{display:block;height:2px;width:50px;background-color:#000;margin:8px auto}.c-black-02 .active .bar{display:block;height:2px;width:40px;background-color:#000;margin:6px auto}.df-page .bar{display:block;height:2px;width:50px;background-color:#000;margin:8px auto}.df-page .active .bar{display:block;height:2px;width:40px;background-color:#000;margin:6px auto}.button{cursor:pointer;display:inline-block;width:auto;margin:0 auto;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease}.nav-right{position:fixed;right:12px;top:14px}.nav-right .nav-ttl{line-height:1;font-size:12px;color:#000;text-align:center}.nav-right.visible-xs{z-index:3}.hidden-xs{display:none}.middle{margin:0 auto}.bar{-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease}.nav-right.visible-xs .active .bar{background-color:#aaa;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease}.button.active .top{-webkit-transform:translateY(12px) rotateZ(45deg);-moz-transform:translateY(12px) rotateZ(45deg);-ms-transform:translateY(12px) rotateZ(45deg);-o-transform:translateY(12px) rotateZ(45deg);transform:translateY(12px) rotateZ(45deg)}.button.active .bottom{-webkit-transform:translateY(-4px) rotateZ(-45deg);-moz-transform:translateY(-4px) rotateZ(-45deg);-ms-transform:translateY(-4px) rotateZ(-45deg);-o-transform:translateY(-4px) rotateZ(-45deg);transform:translateY(-4px) rotateZ(-45deg)}.button.active .middle{width:0}.move-to-left{-webkit-transform:translateX(-90%);-moz-transform:translateX(-90%);-ms-transform:translateX(-90%);-o-transform:translateX(-90%);transform:translateX(-90%)}.top-nav{width:100%;position:fixed;top:0;z-index:5}.c-black{width:100%;background:rgba(244,245,237,.86)}.df-nav{width:100%;position:fixed;top:0;z-index:5;background:rgba(244,245,237,.86)}.side-ttl{font-size:1.6em;text-align:center;font-weight:700;padding:150px 0 0;width:42%;max-width:200px;margin:0 auto}.sidebar-list{padding:0;padding:0 0 10px;width:90%;margin:0 auto;list-style:none;position:relative}.sidebar-item{width:100%;padding:25px 0;font-size:0;text-align:center;opacity:0;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}.sidebar-item a{width:100%;display:block;padding:12px 10px;font-size:15px;text-align:center}.sidebar-item:first-child{-webkit-transition:all .7s .2s ease-in-out;-moz-transition:all .7s .2s ease-in-out;-ms-transition:all .7s .2s ease-in-out;-o-transition:all .7s .2s ease-in-out;transition:all .7s .2s ease-in-out}.sidebar-item:nth-child(2){-webkit-transition:all .7s .4s ease-in-out;-moz-transition:all .7s .4s ease-in-out;-ms-transition:all .7s .4s ease-in-out;-o-transition:all .7s .4s ease-in-out;transition:all .7s .4s ease-in-out}.sidebar-item:nth-child(3){-webkit-transition:all .7s .6s ease-in-out;-moz-transition:all .7s .6s ease-in-out;-ms-transition:all .7s .6s ease-in-out;-o-transition:all .7s .6s ease-in-out;transition:all .7s .6s ease-in-out}.sidebar-item:last-child{-webkit-transition:all .7s .8s ease-in-out;-moz-transition:all .7s .8s ease-in-out;-ms-transition:all .7s .8s ease-in-out;-o-transition:all .7s .8s ease-in-out;transition:all .7s .6s ease-in-out}.sidebar-item.active{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}.menu-sns-area{text-align:center}.menu-sns-area .ttl-area{text-align:center;padding:0 0 10px}.menu-sns-area .ttl-area .ttl{display:inline-block;text-align:center;padding:0 24px;line-height:24px;background:#f4f5ed;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px}.menu-sns-area .ico-area a{display:inline-block;width:20px}.f-btn-area{width:100%;background:#b0c3c9;padding:25px 0 15px}.f-btn-area .wrap{width:100%;padding:0 !important}.f-btn-area .btn-area{text-align:center}.f-btn-area .btn-area a{display:block;border:1px solid #b0c3c9;margin:0 auto 10px}.f-btn-area .btn-area a:hover{border:1px solid #c13f6d}footer{width:100%;background:#597882;padding:0 20px;color:#fff}footer .copy-area{width:100%;margin:0 auto;padding:30px 15px;text-align:center;font-size:12px}#container{width:100%;background:#f4f5ed;margin:0 auto;padding:0}.df-page #container{width:100%;background:#f4f5ed;margin:0 auto;padding:70px 0 0}.df-page .df-ttl-area{width:100%;background:#597882;padding:25px 10px}.df-page .df-ttl-area h1{width:100%;font-size:20px;text-align:center;color:#fff}.df-page .df-ttl-area .sub-ttl{width:100%;font-size:14px;text-align:center;color:#fff}.main-area{width:100%;min-width:268px;position:fixed;padding:0;top:0;text-align:center;z-index:3}.top-contents{width:100%;padding:0;position:relative;z-index:3;padding:0}.main-scroll{display:block;width:70px;height:70px;line-height:70px;margin:0 auto;padding:0;border:2px solid #fff;text-align:center;border-radius:45px;-webkit-border-radius:45px;-moz-border-radius:45px;color:#fff}.main-scroll:active{color:#fff}.main-scroll:hover{color:#fff}.main-scroll:visited{color:#fff}.bottom-line-area{position:relative;display:block;width:100%;background:url(//hitotsu-films.com/wp-content/themes/hitotsu/css/../img/bg-scroll.gif) repeat-y center top;background-size:1px;height:70px}.bottom-line-area .boll{margin:0 auto;width:7px;height:7px;background:#fff;border-radius:50%;animation:tobottom 2s .3s ease-out infinite alternate}.top-read-area{color:#fff;font-weight:700;position:relative;width:100%}.top-read-area:before{content:"";display:block;padding-top:138%}.top-read-area .txt{display:none}.top-read-area .txt-bk{display:block;position:absolute;bottom:20px;right:30px;font-size:14px;font-size:4vw;line-height:1;text-align:right}.top-read-area .txt span-bk{font-size:18px;font-size:5vw}.top-about-area{background:#f4f5ed;padding:50px 0 0}.top-about-area p{padding:0 0 20px;line-height:1.7}.top-about-area .txt-01{font-size:13px}.top-about-area .txt-02{font-size:10px;font-style:italic}.top-about-area .txt-03{font-size:10px}.top-works-area{background:#f4f5ed;padding:30px 0 60px}.top-works-area h2{text-align:center;padding:0 0 25px;color:#333}.top-works-area .box-list{font-size:0px;width:100%;margin:0 auto;padding:0}.top-works-area .box{width:100%;max-width:560px;margin:0 auto 30px;display:block;font-size:13px}.top-works-area .box .box-con{padding:20px 0}.top-works-area .box .cate{padding:0 16px;margin:0 4px 10px 0;display:inline-block;font-size:12px;line-height:24px;color:#fff;background:#597882;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px}.top-works-area .box .txt-ttl{padding:0 0 4px;display:block;font-size:15px}.top-works-area .box .txt-name{display:inline-block;padding:0 0 2px;font-size:12px;color:#597882}.top-works-area .box .base{width:100%;padding:10px;display:block;background-image:url(//hitotsu-films.com/wp-content/themes/hitotsu/css/../img/bg-box-top-left.png),url(//hitotsu-films.com/wp-content/themes/hitotsu/css/../img/bg-box-top-right.png),url(//hitotsu-films.com/wp-content/themes/hitotsu/css/../img/bg-box-bottom-right.png),url(//hitotsu-films.com/wp-content/themes/hitotsu/css/../img/bg-box-bottom-left.png);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-position:top left,top right,bottom right,bottom left}.top-works-area .box .photo{display:block;width:100%}.top-works-area .btn-area{margin:0 auto;text-align:center}.top-works-area .btn-area a{width:100%;max-width:300px;margin:0 auto 15px;border:1px solid #b0c3c9}.top-works-area .btn-area a:hover{border:1px solid #c13f6d}.about-area{width:100%}.about-area .read-area{width:100%;margin:0 auto;padding:50px 0 40px}.about-area .member-area{width:100%;margin:0 auto;padding:0 0 40px}.about-area .member-area h2{text-align:center;font-size:20px;color:#597882;margin:0 auto 20px}.about-area .box-list{padding:0 0 25px}.about-area .box-list .box{width:100%;margin:0 auto 25px;padding:20px;background:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}.about-area .box-list .box .profile{width:100px;height:100px;margin:0 auto 15px;border:1px solid #597882;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;padding:0}.about-area .box-list .box .profile img{object-fit:cover;width:100%;height:100%}.about-area .box-list .box .info{width:100%}.about-area .box-list .box .txt-name{font-size:17px;padding:0 0 10px;color:#597882;text-align:center}.about-area .box-list .box .cate-list{font-size:12px;padding:6px 12px;color:#fff;background:#597882;margin:0 auto 15px;text-align:center;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.about-area .box-list .box .txt-area{font-size:11px;padding:0}.about-area .box-list .box .job{font-size:12px}.about-area .box-list .box .btn-sns-area{width:100%;text-align:center}.about-area .box-list .box .btn-sns-area a{display:inline-block;width:20px}.about-area .read-area .txt-01{padding:0 0 20px}.about-area .read-area .txt-02{padding:0 0 20px}.about-area .read-area .txt-03{padding:0 0 20px}.about-area .read-area .txt{padding:0 0 20px}.about-area .read-area .eibun{font-style:italic}.about-area .read-area .size-01{font-size:11px}.about-area .read-area .size-02{font-size:1.4em;font-weight:700}.about-area .read-area .size-03{font-size:1.4em}.about-area .outline-area{width:100%;padding:0 0 80px}.about-area .outline-area h2{text-align:center;font-size:20px;color:#597882;margin:0 auto 20px}.about-area .outline-area .outline-list{width:100%;padding:0 0 20px}.about-area .outline-area .outline-item{width:100%;padding:24px 0;display:table;border-bottom:1px solid #a3b5bb;font-size:12px}.about-area .outline-area .outline-item .th{width:30%;display:table-cell;vertical-align:middle;padding:0}.about-area .outline-area .outline-item .td{width:70%;display:table-cell;vertical-align:middle;padding:0 0 0 12px}.about-area .outline-area .outline-item .td ul li{list-style:none;margin-bottom:14px}.works-area{width:100%}.works-area .wrap{width:100%;padding:30px 25px}.works-area h2{text-align:center;font-size:20px;color:#597882;padding:50px 0 25px;color:#597882}.works-area .other-cate{text-align:center;width:100%;margin:0 auto;padding:0 0 30px;font-size:12px}.works-area .box-list{font-size:0px;width:100%;margin:0 auto;padding:0}.works-area .box{width:100%;max-width:560px;margin:0 auto 20px;display:block;font-size:13px}.works-area .box .box-con{padding:12px 0}.works-area .box .cate{padding:0 16px;margin:0 4px 6px 0;display:inline-block;font-size:11px;line-height:24px;color:#fff;background:#597882;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px}.works-area .box .txt-ttl{padding:0 0 4px;display:block;font-size:15px}.works-area .box .txt-name{display:inline-block;padding:0 0 2px;font-size:12px;color:#597882}.works-area .box .base{width:100%;padding:0;display:block}.works-area .box .photo{display:block;width:100%}.works-area .btn-area{margin:0 auto;text-align:center}.works-area .btn-area a{width:100%;max-width:300px;margin:0 auto 15px;border:1px solid #b0c3c9}.works-area .btn-area a:hover{border:1px solid #c13f6d}.page-navi-area{width:100%;margin:0 auto;padding:0 0 30px}.contact-area{width:100%}.contact-area h2{text-align:center;font-size:20px;color:#597882;margin:0 auto 20px}.contact-area .base{width:100%;margin:30px auto 50px;padding:15px;background:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}.works-single-area{width:100%}.works-single-area .base-w{width:100%;padding:30px 0;background:#fff}.works-single-area .base-w .wrap{padding:0}.works-single-area .base-w h3,.works-single-area .base-w p{padding:0 25px}.works-single-area .wp-block-gallery .blocks-gallery-item{margin:0 0 10px}.works-single-area .works-main-area{width:100%;padding:25px 0}.works-single-area .other-cate{text-align:center;width:100%;margin:0 auto;padding:0 0 30px;font-size:12px}.works-single-area .works-main-area h1{width:100%;margin:0 auto;font-size:16px;padding:0 25px 0;text-align:left}.works-single-area .works-main-area .movie-area{width:100%;margin:0 auto;padding:20px 25px 0}.works-single-area .works-main-area .photo-area{width:100%;margin:0 auto;padding:20px 25px 0}.works-single-area .df-ttl-area .cate-ttl{width:100%;font-size:20px;text-align:center;color:#fff}.df-area .base{width:100%;margin:30px auto 50px;padding:25px;background:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}}