@charset "UTF-8";body{overflow:revert}.simplebar-scrollbar::before{background:#d3d3d3;border-radius:calc(infinity * 1px)}.simplebar-scrollbar.simplebar-visible::before{opacity:1}.templates__contents{display:grid;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:25px;position:relative}.templates__side{position:relative;height:250px;padding:15px 4% 80px;border:1px solid #d3d3d3;border-radius:8px}.templates-detail .templates__side{height:auto}.templates__side-inr{height:100%;overflow-x:hidden;overflow-y:auto}.search-filter-field--id-2.search-filter-field--control-type-submit,.search-filter-field--id-4.search-filter-field--control-type-submit,.templates__side-btn-wrap{position:absolute;bottom:15px;left:15px;width:calc(100% - 35px);display:grid;gap:10px}.templates__side-btn{width:100%;line-height:1.5;text-align:center;font-size:clamp(1.1rem,3.6vw,1.4rem)}.templates__side-btn+.templates__side-btn{margin-top:10px}.templates__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,auto));gap:33px 23px}.templates__data+.templates__data{margin-top:16px}.search-filter-label,.templates__data-ttl{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2px;font-size:1.4rem!important;font-weight:700!important}.search-filter-label::before,.templates__data-ttl::before{content:"●";display:inline-block;margin:2px 0 0 3px;color:#ef62c9;font-size:.8rem}.templates__data-txt{margin-left:5px}.templates__data-page{display:grid;gap:6.3px}.templates__data-page li{display:grid;grid-template-columns:8px 1fr;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.templates__data-page li::before{content:"";display:inline-block;width:100%;height:2px;background:#d3d3d3}.templates__item-img{position:relative;-o-object-fit:cover;object-fit:cover;overflow:hidden;outline:1px solid #d3d3d3;border-radius:4px;aspect-ratio:272/153}.templates__item-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.templates__item-num{font-family:Lato,sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin:6px 0 1px;color:#848484;font-size:1.2rem}.templates__item-num::before{content:"●";display:inline-block;color:#ef62c9;font-size:1rem}.templates__item-ttl{color:#1d1d1f;font-weight:600;font-size:inherit}.templates__nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px min(22px,1.4vw);-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:2px;color:#1d1d1f;font-size:1rem}.templates__nav-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.templates__nav-item.is-wrap{padding:5px min(13px,10%);border-radius:calc(infinity * 1px);background:#f4f4f5}.templates__change{display:grid;grid-template-columns:40px 54px;position:relative;padding:4px;border-radius:4px;background:#f4f4f5;font-family:Lato,sans-serif}.templates__change::before{content:"";position:absolute;top:4px;left:4px;width:40px;height:calc(100% - 8px);border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.templates__change:has(.is-sp.is-active)::before{-webkit-transform:translateX(40px);transform:translateX(40px);width:54px}.templates__change-btn{display:grid;grid-template-columns:13px 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:4px;color:#848484}.templates__change-btn::before{content:"";display:inline-block;aspect-ratio:13/9;width:13px;background:#848484;-webkit-mask:url(/assets/img/common/icon_pc.svg);mask:url(/assets/img/common/icon_pc.svg)}.templates__change-btn.is-sp{letter-spacing:-.13em}.templates__change-btn.is-sp::before{aspect-ratio:10/17;width:10px;margin:0 auto;-webkit-mask:url(/assets/img/common/icon_sp.svg);mask:url(/assets/img/common/icon_sp.svg)}.templates__change-btn.is-active{color:#1d1d1f}.templates__change-btn.is-active::before{background:#1d1d1f}.templates__select{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:Lato,sans-serif}.templates__select li{display:grid;grid-template-columns:14px 1fr;gap:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.templates__select li::before{content:"";display:inline-block;aspect-ratio:1/1;width:14px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;outline:1px solid #d3d3d3}.templates__select li.is-active::before{border:3px solid #fff;background:#1d1d1f}.templates__site{position:relative;width:100%;overflow:hidden;outline:2px solid #1d1d1f;border-radius:16px;aspect-ratio:1280/800}.templates__site.is-sp{max-width:375px;margin-inline:auto;aspect-ratio:375/667}.templates__site.is-sp .templates__site-link{font-size:1.1rem}.templates__site-frame{width:1280px;height:calc(100vh - 320px);-webkit-transform-origin:top left;transform-origin:top left}.templates__site-frame iframe{width:100%;height:100%;border:none}.templates__site-link{display:grid;grid-template-columns:1fr 10px;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;bottom:8px;margin-left:8px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:5px;border-radius:4px;background:#1d1d1f;color:#fff}.templates__site-link.is-absolute{position:absolute;bottom:0;margin-bottom:8px}.templates__site-link::after{content:"";aspect-ratio:15/11;width:100%;background:#fff;-webkit-mask:url(/assets/img/common/icon_external.svg) no-repeat center/contain;mask:url(/assets/img/common/icon_external.svg) no-repeat center/contain}.search-filter-label{margin-bottom:21px!important}.search-filter-input-group{display:grid;row-gap:8px}.search-filter-field--id-2.search-filter-field--control-type-submit .search-filter-input-button,.search-filter-field--id-4.search-filter-field--control-type-submit .search-filter-input-button{width:100%;padding:5px 0;border:none;border-radius:calc(infinity * 1px);background-color:#1d1d1f;color:#fff;font-size:1.4rem;outline:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-filter-input-checkbox{padding:0!important}.search-filter-input-checkbox .search-filter-input-checkbox__control>svg{display:none}.search-filter-input-checkbox .search-filter-input-checkbox__container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:9px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 3px!important;border-radius:3px;cursor:pointer}.search-filter-input-checkbox .search-filter-input-checkbox__container .search-filter-input-checkbox__control{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;aspect-ratio:1/1;border:1px solid #d3d3d3;border-radius:2px;background:#fff;-webkit-transition:background .2s ease,border-color .2s ease;transition:background .2s ease,border-color .2s ease}.search-filter-input-checkbox .search-filter-input-checkbox__container .search-filter-input-checkbox__label{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0!important;font-size:1.4rem}.search-filter-input-checkbox--is-active .search-filter-input-checkbox__container .search-filter-input-checkbox__control{border-width:2px;border-color:#ef62c9;background:url(/assets/img/common/icon_check.svg) no-repeat center/contain,#ef62c9}.search-filter-input-checkbox--is-active+.simulator__item-count{opacity:1}.search-filter-input-checkbox--is-active+.simulator__item-count .simulator__input{pointer-events:auto}@media screen and (min-width:768px){.templates-detail .l-contents-wide{width:90%;max-width:1380px}.templates__contents{grid-template-columns:270px 1fr}.templates-detail .templates__contents{grid-template-columns:calc(100% - 25px - clamp(240px,30%,346px)) clamp(240px,30%,346px)}.templates__side{position:sticky;top:120px;left:0;height:calc(100vh - 230px);min-height:240px;max-height:581px;padding:26px 21px 80px}.templates-detail .templates__side{height:100%;max-height:100%}.search-filter-field--id-2.search-filter-field--control-type-submit,.search-filter-field--id-4.search-filter-field--control-type-submit,.templates__side-btn-wrap{bottom:25px;left:25px;width:calc(100% - 55px)}.templates__side-btn{grid-template-columns:1fr min(30px,13%);padding:15px 3% 15px 11%;font-size:clamp(1.1rem,1.2vw,1.8rem)}.search-filter-label,.templates__data-ttl{gap:7px;font-size:1.6rem!important}.search-filter-label::before,.templates__data-ttl::before{margin:2px 0 0 3px;font-size:1rem}.templates__nav{font-size:1.2rem}.templates__site{border:2px solid #1d1d1f}.templates__site-link{grid-template-columns:1fr 15px;gap:5px;bottom:16px;margin-left:16px;padding:5px 8px}.templates__site-link.is-absolute{margin-bottom:16px}.search-filter-field--id-2.search-filter-field--control-type-submit .search-filter-input-button,.search-filter-field--id-4.search-filter-field--control-type-submit .search-filter-input-button{-webkit-transition:background .3s ease,color .3s ease;transition:background .3s ease,color .3s ease}.search-filter-field--id-2.search-filter-field--control-type-submit .search-filter-input-button:hover,.search-filter-field--id-4.search-filter-field--control-type-submit .search-filter-input-button:hover{background-color:#ef62c9!important;color:#fff!important}.search-filter-input-checkbox .search-filter-input-checkbox__container .search-filter-input-checkbox__control{width:14px;height:14px}}@media screen and (max-width:767px){.templates__main{width:92vw}.templates__list{grid-template-columns:repeat(auto-fit,minmax(160px,auto));gap:26px 18px}.templates__site.is-sp{width:50%!important;height:auto;aspect-ratio:375/660!important}.templates__site-link{font-size:1.1rem}}@media screen and (min-width:915px){.templates__list{grid-template-columns:repeat(auto-fit,minmax(220px,272px))}}@media (any-hover:hover){.templates__item .templates__item-img img{-webkit-transition:-webkit-transform .3s ease,-webkit-filter .3s ease;transition:-webkit-transform .3s ease,-webkit-filter .3s ease;transition:transform .3s ease,filter .3s ease;transition:transform .3s ease,filter .3s ease,-webkit-transform .3s ease,-webkit-filter .3s ease}.templates__item .templates__item-img::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:url(/assets/img/common/icon_detail.svg) no-repeat center/auto,rgba(82,82,82,.3);opacity:0;z-index:-1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.templates__item:hover .templates__item-img img{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-filter:blur(5px);filter:blur(5px)}.templates__item:hover .templates__item-img::after{opacity:1;z-index:1}.templates__select li::before{-webkit-transition:background .2s esae;transition:background .2s esae}.templates__select li:not(.is-active):hover::before{border:3px solid #fff;background:#d3d3d3}.templates__site-link{-webkit-transition:background .2s ease;transition:background .2s ease}.templates__site-link:hover{background:#ef62c9}}