@media screen and (min-width:665px){.sp{display:none !important}body{font-size:16px;line-height:1.6;letter-spacing:1px;color:#000;background:#f4f5ed}.l{float:left}.r{float:right}#page-top{width:72px;position:fixed;bottom:5px;right:5px;z-index:10000;cursor:pointer}.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%;max-width:1024px;min-width:665px;margin:0 auto;padding:0 12px}.ttl-type-a{font-weight:400;font-size:36px}.ttl-type-b{font-weight:400;font-size:20px}.btn{min-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{display:block;width:239px;height:70px;padding:0;margin:25px auto 10px;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:239px}.c-black header .h-logo{display:block;float:left;width:180px;height:60px;padding:0;margin:10px 25px;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:180px}.df-nav header .h-logo{display:block;float:left;width:180px;height:60px;padding:0;margin:10px 25px;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:180px}.top-nav{width:100%;margin:0 auto}.df-nav{width:100%;margin:0 auto;height:80px;background:rgba(244,245,237,.86)}.c-black{width:100%;background:rgba(244,245,237,.86)}.c-black .head-navi{text-align:right;color:#000;padding:25px 30px}.c-black .head-navi a{color:#000}.df-nav .head-navi{text-align:right;color:#000;padding:25px 30px 0}.df-nav .head-navi a{color:#000}.top-nav .head-navi{display:none}.head-navi a{color:#000}.head-navi a:hover{color:#c13f6d}.f-btn-area{width:100%;background:#b0c3c9;padding:50px 0}.f-btn-area .btn-area{text-align:center}.f-btn-area .btn-area a{border:1px solid #b0c3c9}.f-btn-area .btn-area a:hover{border:1px solid #c13f6d}footer{width:100%;min-width:665px;background:#597882;padding:0 20px;color:#fff}footer .copy-area{width:100%;min-width:665px;margin:0 auto;padding:30px 0;text-align:center;font-size:12px}#container{width:100%;min-width:665px;background:#f4f5ed;margin:0 auto;padding:0}.df-page #container{width:100%;min-width:665px;background:#f4f5ed;margin:0 auto;padding:0}.df-page .df-ttl-area{width:100%;background:#597882;padding:30px}.df-page .df-ttl-area h1{width:100%;margin:0 auto;font-size:30px;text-align:center;color:#fff}.df-page .df-ttl-area .cate-ttl{width:100%;margin:0 auto;font-size:30px;text-align:center;color:#fff}.df-page .df-ttl-area .sub-ttl{width:100%;margin:0 auto;font-size:20px;text-align:center;color:#fff}.top-main-wrap{width:100%;max-width:1260px;margin:0 auto;padding:25px 0}.top-main-wrap .top-sns-area{position:absolute;min-height:470px;color:#333;padding:0;top:50%;left:4%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:30;writing-mode:vertical-rl;text-align:center}.top-main-wrap .top-sns-area .ttl{display:inline-block;padding:0 0 15px;vertical-align:top}.top-main-wrap .top-sns-area .ico-sns{display:inline-block;padding:1px;width:18px;overflow:inherit;text-align:left;vertical-align:top}.top-main-wrap .top-side-link{position:absolute;min-height:470px;color:#333;padding:0;top:50%;right:4%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:30;writing-mode:vertical-rl;text-align:center}.main-area{width:100%;margin:0 auto;padding:0 90px 0;z-index:0;position:relative}.top-contents{width:100%;padding:0;position:relative;padding:0}.top-read-area{margin:0 auto;padding:0;color:#333;position:absolute;bottom:25px;right:120px;z-index:30}.top-read-area .txt{font-size:2vw;text-align:left;font-weight:700}.top-read-area .txt span{font-size:1.5em}.top-about-area{padding:30px 0 0}.top-about-area p{text-align:center;padding:0 0 30px;line-height:2}.top-about-area .txt-01{font-size:14px}.top-about-area .txt-02{font-size:11px;font-style:italic}.top-about-area .txt-03{font-size:11px}.top-works-area{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;margin:0 auto;padding:0}.top-works-area .box{width:29%;margin:0 2% 30px;display:inline-block;vertical-align:top}.top-works-area .box .box-con{padding:20px 0}.top-works-area .box .cate{padding:0 12px;margin:0 4px 10px 0;display:inline-block;font-size:11px;line-height:18px;color:#fff;background:#597882;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}.top-works-area .box .txt-ttl{padding:0 0 4px;display:block;font-size:14px}.top-works-area .box .txt-name{display:inline-block;padding:0 0 2px;font-size:11px;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{width:100%;min-width:665px;margin:0 auto;text-align:center}.top-works-area .btn-area a{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;text-align:center;padding:60px 0 30px}.about-area .member-area{width:100%;margin:0 auto;padding:0 0 60px}.about-area .member-area h2{text-align:center;font-size:28px;color:#597882;margin:0 auto 40px}.about-area .box-list{width:100%;max-width:820px;margin:0 auto;padding:0 0 50px}.about-area .box-list .box{width:100%;margin:0 auto 30px;padding:40px;background:#fff;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px}.about-area .box-list .box .profile{max-width:120px;max-height:120px;width:20%;border:1px solid #597882;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;float:left;padding:0}.about-area .box-list .box .profile img{object-fit:cover;width:100%;height:100%}.about-area .box-list .box .info{width:78%;float:right}.about-area .box-list .box .txt-name{float:left;width:70%;font-size:20px;line-height:1.2;padding:0 0 5px;color:#597882}.about-area .box-list .box .cate-list{font-size:12px;padding:5px 10px;color:#fff;background:#597882;margin:0 auto 14px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.about-area .box-list .box .txt-area{font-size:13px;padding:0;line-height:1.5}.about-area .box-list .box .job{font-size:12px}.about-area .box-list .box .info .to-works{font-size:12px;display:block;padding:8px 0;text-decoration:underline}.about-area .box-list .box .info .to-works:hover{text-decoration:none}.about-area .box-list .box .btn-sns-area{width:28%;float:right;text-align:right;vertical-align:bottom;padding:0;font-size:0}.about-area .box-list .box .btn-sns-area a{display:inline-block;width:20px;padding:3px 0 0 4px}.about-area .read-area .txt-01{padding:0 0 30px}.about-area .read-area .txt-02{padding:0 0 30px}.about-area .read-area .txt-03{padding:0 0 30px}.about-area .read-area .txt{padding:0 0 30px}.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%;margin:0 auto;padding:0 0 100px}.about-area .outline-area h2{text-align:center;font-size:28px;color:#597882;margin:0 auto 20px}.about-area .outline-area .outline-list{width:100%;max-width:820px;margin:0 auto;padding:0 0 50px}.about-area .outline-area .outline-item{width:100%;padding:30px 0;display:table;border-bottom:1px solid #a3b5bb;font-size:13px}.about-area .outline-area .outline-item .th{width:30%;display:table-cell;vertical-align:middle;padding:0 0 0 16px}.about-area .outline-area .outline-item .td{width:70%;display:table-cell;vertical-align:middle;padding:0 16px 0 0}.about-area .outline-area .outline-item .td ul li{list-style:none;margin-bottom:10px}.works-area{width:100%}.works-area .wrap{width:100%;min-width:665px;max-width:1600px;margin:0 auto}.works-area h2{text-align:center;font-size:28px;color:#597882;margin:70px auto 40px}.works-area .other-cate{text-align:center;width:100%;margin:0 auto;padding:70px 0 40px}.works-area .box-list{margin:0 auto;min-height:380px;padding:0 0 50px;font-size:0;text-align:left}.works-area .box{width:31.3%;max-width:520px;margin:0 1%;display:inline-block;vertical-align:top}.works-area .box .box-con{padding:20px 0}.works-area .box .cate{padding:0 12px;margin:0 4px 10px 0;display:inline-block;font-size:11px;line-height:18px;color:#fff;background:#597882;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}.works-area .box .txt-ttl{padding:0 0 4px;display:block;font-size:14px}.works-area .box .txt-name{display:inline-block;padding:0 0 2px;font-size:11px;color:#597882}.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}.works-area .box .photo{display:block;width:100%}.page-navi-area{width:100%;min-width:665px;max-width:1600px;margin:0 auto;padding:0 25px 50px}.contact-area{width:100%}.contact-area h2{text-align:center;font-size:28px;color:#597882;margin:0 auto 40px}.contact-area .wrap{width:100%;max-width:1000px;margin:0 auto;padding:70px 40px 0}.contact-area .base{width:100%;margin:0 auto 100px;padding:40px;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:50px 0;background:#fff}.works-single-area .base-w .wrap{padding:0 30px}.works-single-area .works-main-area{width:100%;padding:50px 0}.works-single-area .other-cate{text-align:center;width:100%;margin:0 auto;padding:0 0 40px;font-size:14px}.works-single-area .works-main-area h1{width:100%;margin:0 auto;font-size:20px;padding:0;text-align:center}.works-single-area .works-main-area .movie-area{width:100%;max-width:1162px;min-width:665px;margin:0 auto;padding:40px 30px 0}.works-single-area .works-main-area .photo-area{width:100%;text-align:center;max-width:1162px;min-width:665px;margin:0 auto;padding:40px 30px 0}.df-area .base{width:100%;max-width:920px;margin:60px auto 100px;padding:35px;background:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}}