@charset "utf-8";.carousel{position:relative;width:1120px;margin:24px auto 0}.carousel>div{overflow:hidden;width:calc(100% - 64px * 2);margin:0 auto}.carousel>div>ul{margin:0 -8px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;overflow:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:x mandatory}.carousel>div>ul::-webkit-scrollbar{display:none;height:0!important}.carousel>div>ul:before{display:none}.carousel>div>ul>li{width:322px;padding:0 8px;-webkit-flex-shrink:0;flex-shrink:0;scroll-snap-align:start;overflow:hidden}.carousel>div>ul:not(.techo-items)>li a{display:block;height:100%}.carousel>div>ul:not(.techo-items)>li a dl dd{background:#fff url("/store/techo/2025/images/loading3.gif") no-repeat 50% 50%;-webkit-background-size:32px 32px;-moz-background-size:32px 32px;background-size:32px 32px;aspect-ratio:308/173}.carousel>div>ul:not(.techo-items)>li a dl dd img{display:block;object-fit:cover;width:100%;height:100%;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s}.carousel>div>ul:not(.techo-items)>li a dl dd img.state-ready{opacity:0}.carousel>div>ul:not(.techo-items)>li a dl dt{position:relative;font-size:16px;line-height:1.5;font-weight:700;height:72px;margin:8px 0;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.carousel>div>ul:not(.techo-items)>li a dl br{display:none}.carousel>a{position:absolute;top:0;width:48px;height:100%}.carousel>a:first-of-type{left:0}.carousel>a:nth-of-type(2){right:0}.carousel>a:before{position:absolute;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);font-size:48px;color:#ff8733;-webkit-transition:color .3s;-moz-transition:color .3s;-o-transition:color .3s;-ms-transition:color .3s;transition:color .3s}.carousel>a.disabled{pointer-events:none;cursor:default;opacity:1!important;-ms-filter:none!important;filter:none!important}.carousel>a.disabled:before{color:#d6d6d6}.grid{display:grid;gap:0 16px}.grid dl{display:grid;grid-template-rows:subgrid;grid-row:span 4;gap:0}.grid dl dd:first-of-type{padding:8px 0;font-size:14px;line-height:1.5;border-bottom:1px #d6d6d6 solid}.grid dl dd:nth-of-type(2){padding:8px 0;color:#858585;font-weight:700}#contents{width:auto;padding:0 0 128px}#contents a.btn-permeate.mdi-arrow-right,#contents a.btn-permeate.mdi-open-in-new{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:4px 40px 4px 8px}#contents a.btn-permeate.mdi-arrow-right:before,#contents a.btn-permeate.mdi-open-in-new:before{right:8px}#contents a.btn-permeate.mdi-arrow-right:after,#contents a.btn-permeate.mdi-open-in-new:after{content:inherit}#contents a.btn-permeate.mdi-arrow-right span,#contents a.btn-permeate.mdi-open-in-new span{display:block;font-size:15px;line-height:1.6;font-weight:700;white-space:nowrap}#contents a.btn-secondary{height:44px;padding:0 32px 0 0}#contents a.btn-secondary.mdi-open-in-new:before{right:34.5px}#contents a.btn-secondary:before{right:8px}#contents a.btn-secondary span{font-size:16px}#contents header:has(h3),#contents header:has(h4){width:1120px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-bottom:1px #d6d6d6 solid;padding-bottom:16px}#contents header:has(h3) h3,#contents header:has(h3) h4,#contents header:has(h4) h3,#contents header:has(h4) h4{width:auto;margin:0}#contents h3{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:1120px;margin:0 auto}#contents h3:before{display:block;font-size:38px;color:#ff8733}#contents h3 span{display:block;font-size:28px;line-height:1.5}#contents h4{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:1120px;margin:0 auto}#contents h4:before{display:block;font-size:38px;color:#ff8733}#contents h4 span{display:block;font-weight:700;font-size:20px;line-height:1.65}#contents>header{padding-bottom:64px}#contents>header>p{width:552px;margin:64px auto 0;font-size:16px;line-height:1.75;font-weight:700}#contents>header>ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:64px}#contents>header>ul li+li{margin-left:24px}#contents>header>ul li a{display:block;aspect-ratio:388/151;width:388px}#contents>header>ul li a img{display:block;width:100%;height:100%}#contents>div{padding:64px 0}#contents>div:first-of-type{background:#fafafa}#contents>div:first-of-type:empty{display:none}#contents>div:first-of-type>section+section{margin-top:56px}#contents>div:nth-of-type(2){width:1120px;margin:0 auto}#contents>div:nth-of-type(2) section>p{margin-top:24px;font-size:14px;line-height:1.5}#contents>div:nth-of-type(2) section+section{margin-top:64px}#contents>div:nth-of-type(3){width:1120px;margin:0 auto}#contents>div:nth-of-type(3)>p{margin:24px 0 32px;font-size:16px;line-height:1.5;font-weight:700}#contents>div:nth-of-type(3)>section+section{margin-top:64px}#contents>div:nth-of-type(3)>section h4{margin-bottom:24px}#slide{position:relative;margin-bottom:66px}#slide[data-current="0"]>ul li:first-child{background:#ff8733}#slide[data-current="1"]>ul li:nth-child(2){background:#ff8733}#slide[data-current="2"]>ul li:nth-child(3){background:#ff8733}#slide[data-current="3"]>ul li:nth-child(4){background:#ff8733}#slide[data-current="4"]>ul li:nth-child(5){background:#ff8733}#slide[data-current="5"]>ul li:nth-child(6){background:#ff8733}#slide[data-current="6"]>ul li:nth-child(7){background:#ff8733}#slide[data-current="7"]>ul li:nth-child(8){background:#ff8733}#slide[data-current="8"]>ul li:nth-child(9){background:#ff8733}#slide[data-current="9"]>ul li:nth-child(10){background:#ff8733}#slide[data-current="10"]>ul li:nth-child(11){background:#ff8733}#slide>div{max-width:1900px;margin:0 auto;overflow:hidden;position:relative}#slide>div ul:first-of-type{position:relative;width:808px;aspect-ratio:808/450;padding:0 4px;margin:0 auto}#slide>div ul:first-of-type li{position:absolute;top:-100%;width:100%;height:100%;padding:0 4px}#slide>div ul:first-of-type li.active{top:0}#slide>div ul:first-of-type li a,#slide>div ul:first-of-type li span{display:block;width:100%;height:100%;background:#f1f1f1 url("/store/techo/2025/images/loading3.gif") no-repeat 50% 50%;-webkit-background-size:32px 32px;-moz-background-size:32px 32px;background-size:32px 32px}#slide>div ul:first-of-type li a img,#slide>div ul:first-of-type li span img{object-fit:cover;width:100%;height:100%;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;-ms-transition:opacity .6s;transition:opacity .6s}#slide>div ul:first-of-type li a img[data-src],#slide>div ul:first-of-type li span img[data-src]{opacity:0}#slide>div ul:nth-of-type(2) li{position:absolute;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);color:transparent;background:#fff;color:#ff8733;border-radius:50%;cursor:pointer}#slide>div ul:nth-of-type(2) li:before{font-size:40px}#slide>div ul:nth-of-type(2) li:first-child{left:calc(50% - 400px)}#slide>div ul:nth-of-type(2) li:nth-child(2){right:calc(50% - 400px)}#slide>ul{position:absolute;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;bottom:-26px;width:100%}#slide>ul li{width:10px;height:10px;border-radius:5px;margin:0 4px;background:#d9d9d9;-webkit-transition:background .6s;-moz-transition:background .6s;-o-transition:background .6s;-ms-transition:background .6s;transition:background .6s}#news>div{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;margin-top:24px}#news>div>div{position:relative;width:548px;padding:0 178px 0 76px}#news>div>div+div{margin-left:24px}#news>div>div a{position:relative;display:block;background:#f7f7f7;border-radius:6px}#news>div>div a dl{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;min-height:122px;padding:16px}#news>div>div a dl:before{content:"";width:18px;height:18px;background:#f7f7f7;clip-path:polygon(0 50%,100% 0,100% 100%);position:absolute;left:-16px;top:20px;z-index:-1}#news>div>div a dl dd:first-of-type{position:absolute;top:0;right:-178px;width:162px;aspect-ratio:162/122}#news>div>div a dl dd:first-of-type img{display:block;object-fit:cover;width:100%;height:100%}#news>div>div a dl dd:nth-of-type(2){position:relative;margin-top:auto}#news>div>div a dl dd:nth-of-type(2):before{font-size:24px;color:#ff8733;position:absolute;bottom:0;right:0}#news>div>div a dl dd:nth-of-type(2) time{font-size:12px;line-height:1.5;font-weight:700;color:#858585}#news>div>div a dl dt span{display:block;font-size:14px;line-height:1.5;font-weight:700;max-height:63px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}#news>div>div a dl dt img{position:absolute;left:-76px;top:0;width:60px;aspect-ratio:60/60;pointer-events:none}#collection nav{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-top:32px}#collection nav a{width:300px!important}#collection nav a+a{width:210px!important;margin-left:16px}#collection>div{margin-top:16px}#collection>div>div>ul>li{width:266px}#collection>div>div>ul:not(.techo-items)>li a dl dd{aspect-ratio:250/250}#collection>div>div>ul:not(.techo-items)>li a dl dt{font-size:12px;line-height:1.5;font-weight:400;height:36px;-webkit-line-clamp:2;padding-right:26px}#collection>div>div>ul:not(.techo-items)>li a dl dt:before{-webkit-transform:inherit;-moz-transform:inherit;-o-transform:inherit;-ms-transform:inherit;transform:inherit;top:inherit;bottom:0;right:0;font-size:18px}#recommend{padding:64px 0;background:#fafafa}#recommend nav{width:1120px;margin:24px auto;position:relative}#recommend nav ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;padding:0 5px;border-bottom:1px #dadada solid}#recommend nav ul[data-index="0"] li:first-child{border-bottom-color:#ff8733}#recommend nav ul[data-index="0"] li:first-child a{pointer-events:none}#recommend nav ul[data-index="1"] li:nth-child(2){border-bottom-color:#ff8733}#recommend nav ul[data-index="1"] li:nth-child(2) a{pointer-events:none}#recommend nav ul[data-index="2"] li:nth-child(3){border-bottom-color:#ff8733}#recommend nav ul[data-index="2"] li:nth-child(3) a{pointer-events:none}#recommend nav ul[data-index="3"] li:nth-child(4){border-bottom-color:#ff8733}#recommend nav ul[data-index="3"] li:nth-child(4) a{pointer-events:none}#recommend nav ul li{padding:0 9px 3px;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:transparent}#recommend nav ul li+li{margin-left:30px}#recommend nav ul li:nth-child(n+2){display:none}#recommend nav ul li.active{display:block}#recommend nav ul li a{display:block;font-size:16px;line-height:1.5}#recommend nav>a{position:absolute;right:0;bottom:7px}#recommend>div{margin-top:24px}#recommend>div>div>ul{width:auto;margin:0 -8px;-webkit-flex-wrap:inherit;-ms-flex-wrap:inherit;flex-wrap:inherit}#recommend>div>div>ul>li{position:relative;width:272px;padding:16px 24px;margin-top:0}#recommend>div>div>ul>li:not(.active){display:none}#recommend>div>div>ul>li:before{content:"";position:absolute;top:0;left:8px;width:calc(100% - 16px);height:100%;border-radius:8px;background:#fff}#categories{width:1120px;margin:0 auto;padding:64px 0;overflow:hidden}#categories>ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-8px -16px 0}#categories>ul li{width:256px;margin:32px 16px 0}#categories>ul li a{display:block;position:relative}#categories>ul li a:before{content:"";display:block;aspect-ratio:256/144}#categories>ul li a img{position:absolute;top:0;left:0;width:100%;aspect-ratio:256/144;object-fit:cover}#categories>ul li a>span{display:block;font-size:16px;line-height:1.5;min-height:48px;font-weight:700;padding-top:8px}#photobook{padding:64px 0 72px;background:#fafafa}#photobook>div{max-width:1900px;margin:26px auto 0}#photobook>div>div{overflow:hidden}#photobook>div>div ul{width:232px;height:216px;position:relative;left:8px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}#photobook>div>div ul li{width:100%;height:100%;position:absolute;top:0;left:0;padding:0 8px}#photobook>div>div ul li a{position:relative;display:block;background:#fff url("/store/techo/2025/images/loading3.gif") no-repeat 50% 50%;-webkit-background-size:32px 32px;-moz-background-size:32px 32px;background-size:32px 32px;aspect-ratio:216/216}#photobook>div>div ul li a:before{position:absolute;bottom:8px;right:8px;font-size:24px;color:#fff}#photobook>div>div ul li a img{display:block;width:100%;height:100%;object-fit:cover;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s}#photobook>div>div ul li a img.ready{opacity:0}#info{padding:64px 0}#info:not(:has(dl)){padding:0}#info:not(:has(dl)) header{display:none}#info>div{width:1120px;margin:0 auto}#info>div:empty{display:none}#info>div dl{padding:24px 0 40px}#info>div dl dd{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex}#info>div dl dd time{width:96px;font-size:14px;line-height:1.5}#info>div dl dd a{max-width:calc(100% - 96px);font-size:16px;line-height:1.31}#ig{background:#fafafa;padding:64px 0}#ig header{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:960px;margin:32px auto 0}#ig header h5{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#ig header h5 img{display:block;width:96px;aspect-ratio:96/96;margin-right:16px;border-radius:50%}#ig header h5>strong{display:block;font-weight:700;padding-bottom:4px}#ig header h5>strong span{display:block;font-size:20px;line-height:1.65}#ig header h5>strong small{color:#858585;font-size:14px;line-height:1.14}#ig header>a{width:271px}#ig>div{width:992px;margin:0 auto;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}#ig>div a{display:block;width:216px;margin:32px 16px 0}#ig>div a dl{height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}#ig>div a dl dd:first-of-type{position:relative;aspect-ratio:216/216;overflow:hidden}#ig>div a dl dd:first-of-type img{display:block;object-fit:cover;width:100%;height:100%}#ig>div a dl dd:nth-of-type(2){display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-weight:700;font-size:12px;line-height:1.5;color:#858585;margin-top:auto}#ig>div a dl dd:nth-of-type(2) time{display:block}#ig>div a dl dd:nth-of-type(2) var{display:block;padding-left:16px;position:relative}#ig>div a dl dd:nth-of-type(2) var:before{font-size:14px;position:absolute;left:0;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);color:#adadad}#ig>div a dl dt{font-size:14px;line-height:1.5;margin:5px 0 10px;height:42px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}#format nav{grid-template-columns:repeat(4,1fr)}#format nav dl:first-child dt{border:1px #ddddc7 solid;background:#f1f1e9}#format nav dl:nth-child(2) dt{border:1px #c7ddc7 solid;background:#e9f1e9}#format nav dl:nth-child(3) dt{border:1px #c1d6d6 solid;background:#e6efef}#format nav dl:nth-child(4) dt{border:1px #ddddc7 solid;background:#eaeaf3}#format nav dl dt{height:216px;padding-top:25px;position:relative}#format nav dl dt img{position:absolute;bottom:3px;left:50%;-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);-ms-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:180px}#format nav dl dt span{font-size:16px;line-height:1.5;font-weight:700;display:block;text-align:center}#format nav dl dd:nth-of-type(2){font-size:12px;line-height:1.5}#size figure{display:block;aspect-ratio:1120/325;margin-bottom:16px}#size figure img{display:block;width:100%;height:100%;object-fit:cover}#size nav{grid-template-columns:repeat(3,1fr)}#size nav dl{background:#fafafa;padding:24px}#size nav dl dt{font-size:20px;line-height:1.65;font-weight:700}#size nav dl dd:nth-of-type(2){font-size:14px;line-height:1.5}.no-touch #news>div>div a:hover dl dd:first-of-type,.no-touch #news>div>div a:hover dl dd:nth-of-type(2) time,.no-touch #news>div>div a:hover dl dd:nth-of-type(2):before,.no-touch #news>div>div a:hover dl dt span,.no-touch #news>div>div a:hover dl:before{opacity:.4}.no-touch #news>div>div a dl dd:first-of-type,.no-touch #news>div>div a dl dd:nth-of-type(2) time,.no-touch #news>div>div a dl dd:nth-of-type(2):before,.no-touch #news>div>div a dl dt span,.no-touch #news>div>div a dl:before{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s}