@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap");body{font-family:"Noto Serif JP",serif;color:#eaeaea;max-width:100%;position:relative}body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(//ikportfolio.site/wp-content/themes/ikportfolio/assets/css/../../img/bgc.png);background-attachment:fixed;background-position:center bottom;background-size:cover;z-index:-1}body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);z-index:-1}.inner{max-width:1200px;margin:0 auto;padding:0 80px}.header{height:104px;width:100%;display:flex;position:fixed;z-index:99999;transition:all .3s ease;top:0}.header--default{background-color:rgba(255,255,255,.1)}.logo{width:80px;margin:24px 0 0 56px}.header__nav{margin:0 0 0 64px;padding-top:54px;background-color:transparent}.title-list{display:flex}.title-list{font-size:20px}.header__item{margin-left:56px}.header__item a:hover{color:#7332ff;text-decoration:none}.headersns-link{display:none;position:fixed;top:80%;transform:translateX(-20%);left:20%;z-index:11}.headersns-link img{width:50px;height:50px}.headersns-link img img{width:100%}.pager__items{display:flex;justify-content:center}.pager__item{width:100px;height:40px;line-height:40px;border-radius:50%;text-align:center}.pager__item.is-active{border:1px solid #fff}.pager__item.is-active .pager__link{color:#fff}.pager__link{color:#cdcdcd;font-size:16px;text-decoration:none}.link__btn{position:relative;display:block;max-width:420px;width:80%;height:60px;line-height:60px;background:#fff;border:1px solid #ff5f32;border-radius:30px;font-size:1.8rem;color:#ff5f32;text-decoration:none;text-align:center}.link__btn:hover{opacity:50%}@media screen and (max-width:1024px){.link__btn{width:100%}}.link__content{position:relative;font-size:1.8rem}@media screen and (max-width:768px){.link__content{font-size:1.4rem}}.link__content:after{content:"";display:block;width:10px;height:10px;border-top:1px solid #7332ff;border-right:1px solid #7332ff;position:absolute;top:46%;right:-80px;transform:rotate(45deg) translateY(-50%)}@media screen and (max-width:1024px){.link__content:after{right:-80px}}@media screen and (max-width:768px){.link__content:after{right:-15vw}}.breadcrumbs{display:flex;padding:140px 0 0;margin-bottom:24px}.breadcrumbs__item{font-size:.8rem;color:#cdcdcd}.breadcrumbs__item:after{content:">";margin:0 10px}.breadcrumbs__item:last-child:after{content:""}.breadcrumbs__link{text-decoration:none;transition:.5s}.breadcrumbs__link:hover{color:#7332ff;transition:.5s}.page-workList .breadcrumb{margin-top:0}.page-workList .breadcrumb__inner{padding-top:140px}.breadcrumb li{display:inline;list-style:none;font-weight:400}.breadcrumb li:after{content:">";padding:0 .2em;color:#7332ff}.breadcrumb li:last-child:after{content:""}.breadcrumb li a{text-decoration:none;color:#7332ff}.breadcrumb li a:hover{opacity:.7}.footer{display:flex;justify-content:center;align-items:center;width:100%;border-top:1px solid #7332ff;height:104px}.footer__copyRight{font-size:1rem;font-weight:300;text-align:center}@media screen and (min-width:769px){.header .menu-trigger{display:none}.header .contact-icon{display:none}}.worklist-title{position:relative;margin-bottom:75px;text-align:center;font-size:36px;font-weight:700}.worklist-title:after{content:"Production";position:absolute;top:60px;left:0;right:0;font-size:12px;color:#7332ff}.worklist-items{display:flex;flex-wrap:wrap;justify-content:space-between}.worklist-item{position:relative;margin-bottom:56px;width:470px}.worklist-item a{display:block;height:100%}.worklist-item img{border-radius:5px;width:470px}.worklist-item-title{margin:17px 0 7px;font-size:20px;font-weight:700;z-index:30000}.dd-address:hover{color:#7332ff}.page-workList{margin-bottom:60px}.page-workList{margin-bottom:60px}.page-workList dt{float:left}.page-workList dl{font-size:18px}.page-workList dd{margin-bottom:10px;margin-left:96px}.pager{justify-content:center;display:flex}.page-numbers.current{border:1px solid #9b9b9b;border-radius:50%;color:#9b9b9b}.page-numbers{color:#fff;display:inline-block;font-size:16px;height:40px;line-height:38px;margin-right:12px;min-width:40px;text-align:center;text-decoration:none}.top{margin:24px 0 0}.top__img{width:100%;height:400px}.top__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:24px}@media screen and (max-width:1024px){.top__img{width:100%;margin:0 auto}}.top__content{position:relative;top:-26px;width:880px;margin:0 auto;padding:32px;background:#000;border-radius:5px;box-shadow:0px 1px 2px #797979}@media screen and (max-width:1024px){.top__content{width:100%}}.top__ttl{font-size:32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}@media screen and (max-width:1024px){.top__ttl{font-size:2rem}}@media screen and (max-width:768px){.top__ttl{font-size:1.8rem}}.top__txt{margin:12px 0 24px;color:#cdcdcd;font-size:16px;font-weight:300;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;line-height:1.8}@media screen and (max-width:1024px){.top__txt{font-size:1.2rem}}@media screen and (max-width:768px){.top__tagItems{display:flex;justify-content:space-between;flex-wrap:wrap;width:50%;margin:16px 0 0}}.top__tag{display:inline-block;margin:24px 0 0 12px;font-size:14px}.top__tag:first-of-type{margin:0}@media screen and (max-width:768px){.top__tag{margin:0}}.top__date{position:absolute;bottom:32px;right:32px;font-size:12px}.content{display:flex;justify-content:space-between;margin:24px 0 60px}@media screen and (max-width:1024px){.content{margin:24px auto 0;flex-direction:column}}.archive{width:684px}@media screen and (max-width:1024px){.archive{width:100%;margin:0 auto}}.archive__card{margin:48px 0 0;padding:0 0 48px;border-bottom:1px solid #e7e7e7}.archive__card:first-of-type{margin:0}.archive__card:last-of-type{border-bottom:none}.archive__cardLink{display:block;text-decoration:none;color:#cdcdcd;transition:.2s}.archive__cardLink:hover{transition:.2s;opacity:.5}.archive__cardWrap{display:flex;justify-content:space-between}@media screen and (max-width:1024px){.archive__cardWrap{justify-content:center}}@media screen and (max-width:768px){.archive__cardWrap{flex-direction:column;margin:0 auto}}.archive__img{width:264px;height:200px}.archive__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px}@media screen and (max-width:768px){.archive__img{width:100%;margin:0 auto}}.archive__content{width:396px;font-size:12px}@media screen and (max-width:1024px){.archive__content{margin:0 0 0 24px}}@media screen and (max-width:768px){.archive__content{width:100%;margin:24px auto 0}}.archive__ttl{margin-top:8px;font-size:20px;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;color:#fff}@media screen and (max-width:1024px){.archive__ttl{font-size:2rem}}@media screen and (max-width:768px){.archive__ttl{text-align:justify;font-size:1.8rem}}.archive__txt{margin-top:8px;color:#cdcdcd;font-size:16px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.archive__txt p{line-height:1.8}@media screen and (max-width:768px){.archive__txt{text-align:justify}}.archive__tagItems{padding:0 0 0 290px}@media screen and (max-width:1024px){.archive__tagItems{padding:0 0 0 44%}}@media screen and (max-width:768px){.archive__tagItems{margin:8px 0 0;padding:0}}.archive__tag{margin:0 0 0 12px;font-size:14px}.archive__tag:first-of-type{margin:0}.side{width:184px}@media screen and (max-width:1024px){.side{position:relative;left:-5%;width:110%;margin:24px auto 0;background:#000}}@media screen and (max-width:1024px){.pickup{width:90%;margin:24px auto}}.pickup__topTtl{color:#fff;font-size:1.6rem;font-weight:700}.pickup__card{display:block;margin:48px 0 0;padding:0 0 32px;border-bottom:1px solid #e7e7e7;text-decoration:none;transition:.2s}.pickup__card:hover{transition:.2s;opacity:.5}@media screen and (max-width:1024px){.pickup__card{display:flex;flex-direction:column}}.pickup__card:first-of-type{margin:32px 0 0}.pickup__card:last-of-type{border-bottom:none}.pickup__img{width:184px;height:184px}.pickup__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px}@media screen and (max-width:1024px){.pickup__img{width:80%;margin:0 auto}}.pickup__ttl{margin:12px 0;color:#cdcdcd;font-size:16px;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.pickup__date{margin:16px 0 0;color:#cdcdcd;font-size:12px}.keyword{margin:96px 0 0}@media screen and (max-width:1024px){.keyword{width:90%;margin:24px auto 56px}}.keyword__topTtl{font-size:20px;font-weight:700;margin-bottom:6px}@media screen and (max-width:1024px){.keyword__tagItems{display:flex;flex-wrap:wrap}}.keyword__tagItem{margin:12px 0 0}@media screen and (max-width:1024px){.keyword__tagItem{margin:0 12px 0 0}}.keyword__tagItem:first-of-type{margin:32px 0 0}@media screen and (max-width:1024px){.keyword__tagItem:first-of-type{margin:0 12px 0 0}}.blogs{width:800px}@media screen and (max-width:1024px){.blogs{width:100%;margin:0 auto}}.date{font-size:12px}.blog__ttl{margin-top:8px;color:#cdcdcd;font-size:32px}@media screen and (max-width:768px){.blog__ttl{font-size:24px}}.blog__wrapper h2{margin-top:40px;font-size:20px}.blog__wrapper p{line-height:1.8;letter-spacing:1px;font-size:14px}@media screen and (max-width:768px){.blog__wrapper h2{font-size:18px}}.blog__wrapper p{margin-top:32px;color:#cdcdcd}.blog__wrapper__img{width:100%;height:459px;margin-top:32px}.blog__wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:16px}@media screen and (max-width:1024px){.blog__img{width:100%;height:200px;margin:0 auto}}.blog__tagItems{margin-top:48px}@media screen and (max-width:1024px){.blog__tagItems{display:flex;flex-wrap:wrap}}.blog__tag{margin-left:12px}@media screen and (max-width:1024px){.blog__tag{margin-right:12px;margin-left:0}}.blog__tag:first-of-type{margin-left:0}@media screen and (max-width:768px){body{max-width:100%}.header{height:auto}.header__logo{margin:10px 0 10px 10px;width:100px}.title-list{display:block}.header-inner{position:fixed;left:0;right:0;top:0;height:60px;width:100%;justify-content:flex-start;z-index:1000}.header-inner .logo{margin-top:5px;margin-left:12%;width:90px}.header-inner .title{position:absolute;top:60px}.header-inner .sub-title{position:absolute;top:160px}.header-inner{z-index:20001}.contact-icon{position:absolute;width:40px;top:7px;left:76%}.menu-trigger{position:absolute;left:84%;top:28px;transform:translateY(-50%);transition:all .4s;width:30px;height:20px;z-index:100;display:block}.menu-trigger span{display:inline-block;transition:all .4s;position:absolute;width:100%;height:2px;background:#eaeaea;transform-origin:center}.menu-trigger span:nth-of-type(1){top:0}.menu-trigger span:nth-of-type(2){top:50%;transform:translateY(-50%)}.menu-trigger span:nth-of-type(3){bottom:0}.menu-trigger.is-active span:nth-of-type(1){transform:translateY(9px) rotate(-315deg)}.menu-trigger.is-active span:nth-of-type(2){opacity:0}.menu-trigger.is-active span:nth-of-type(3){transform:translateY(-9px) rotate(315deg)}.menu-trigger.is-active+.title-list{left:0}.menu-trigger.is-active+.top-img{display:none}.no-scroll{overflow:hidden}}@media screen and (max-width:768px){.title-list{position:fixed;width:100%;top:60px;left:100%;background-image:url(//ikportfolio.site/wp-content/themes/ikportfolio/assets/css/../../img/bgc.png);background-repeat:no-repeat;background-size:cover;height:100vh;z-index:10;transition:left .4s ease-in-out;padding-top:190px;padding-left:20%}.title-list:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:-1;opacity:1}.title-list.is-active{left:0}.header .title{font-size:32px;z-index:2}.title-list li a{font-size:32px}.title-list li{margin-bottom:48px}.header__item{margin-left:0}.headersns-link{display:none;position:fixed;top:80%;transform:translateX(-20%);left:20%;z-index:11}.headersns-link img{width:50px;height:50px}.headersns-link img img{width:100%}.title-list.is-active+.headersns-link{display:block}.worklist-title{margin-top:20px;margin-bottom:50px}.worklist-items{display:block;margin:0 auto}.worklist-item{width:100%;margin-bottom:35px}.worklist-item img{width:100%}.worklist-item-title{margin-top:10px}.page-shopList dl{font-size:14px}}