@charset "utf-8";/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */a,button:focus,input:focus,select:focus,textarea:focus{outline:0}pre,textarea{overflow:auto}[hidden],audio:not([controls]),template{display:none}details,main,summary{display:block}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}progress{display:inline-block}textarea{resize:vertical}[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*,::after,::before{box-sizing:inherit;border-width:0}*{font-size:inherit;line-height:inherit;margin:0;padding:0}::after,::before{text-decoration:inherit;vertical-align:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;cursor:default}a{text-decoration:none}audio,canvas,iframe,img,svg,video{vertical-align:top}img{border:none}canvas{width:0;height:0}button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;min-height:1.5em}code,kbd,pre,samp{font-family:monospace,monospace}ol,ul{list-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}table{border-collapse:collapse;border-spacing:0}::-moz-selection{background-color:#B3D4FC;text-shadow:none}::selection{background-color:#B3D4FC;text-shadow:none}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){clip:rect(0 0 0 0)!important;position:absolute!important}}
a,body{color:#1e1933}html{font-size:62.5%}body{font:10px/1.75 '-apple-system',BlinkMacSystemFont,'Helvetica Neue','Segoe UI',Verdana,Meiryo,'M+ 1p',sans-serif;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-height:99999px;-webkit-tap-highlight-color:transparent}a{font-weight:700}a i{position:relative;width:3.2em;height:3.2em}a i:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#f27f0c}p a{color:#b26118}[class*=mdi-]{display:inline-block;vertical-align:middle;font-feature-settings:'liga'}[class*=mdi-]:before{font-family:'Material Design Icons';font-size:24px;font-weight:400;font-style:normal;font-variant:normal;line-height:1;white-space:nowrap;letter-spacing:normal;text-transform:none;word-wrap:normal;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main footer p,main header h1 span,main header h1+p,main>section>p{letter-spacing:.025em}main{width:64em;margin:0 auto;padding:8em 0}main[data-complete]>section{display:none;opacity:1}main[data-complete][data-complete='0'] section:nth-child(2),main[data-complete][data-complete='1'] section:nth-child(1),main[data-complete][data-complete='2'] section:nth-child(3){display:block}main>section{-webkit-transition:opacity .45s;-moz-transition:opacity .45s;-ms-transition:opacity .45s;-o-transition:opacity .45s;transition:opacity .45s}main>section+section{display:none;opacity:0}main>section+section+footer p{display:none}main>section>p{font-size:16px;line-height:1.75}main>section>p span{display:block;padding-left:1em}main>section>p span:first-letter{margin-left:-1em}main#sample>section p span:first-letter,main>section>p span.bullet:first-letter{margin-left:0}main>section>p span.bullet{position:relative;padding-left:.75em}main>section>p span.bullet:before{position:absolute;left:0;content:'\2022'}main#sample header h1 span{border-bottom:none}main#sample footer{margin-top:5.4em}main#sample footer a{display:inline-block}main#sample footer a span{font-size:16px;line-height:1.38;display:inline-block;max-width:calc(100% - 32px);vertical-align:middle}main#sample>section{padding:1.2em 0 3.2em;border-top:#d2d1d6 .1em solid;border-bottom:#d2d1d6 .1em solid}main figure,main form h2{border-top:.1em #d2d1d6 solid}main#sample>section p span{position:relative;display:block;padding-left:0}main#sample>section p span:after{font-size:10px;position:absolute;bottom:-1.5em;left:0;width:100%;content:'';border-bottom:#d2d1d6 .1em solid}main br.br-sp{display:none}main header{position:relative;margin-bottom:3em}main header h1{position:relative;padding-left:80px}main header h1 img{position:absolute;top:-1.2em;left:0;width:65px}main header h1 span{font-size:30px;font-weight:700;line-height:1.5;display:inline-block;vertical-align:top;border-bottom:.1em #1e1933 solid}main figure,main form h2{border-bottom:.1em #d2d1d6 solid}main footer p,main header h1 span small,main header h1+p{font-size:16px;line-height:1.75}main header h1 span small{display:block}main footer a,main footer a span{display:inline-block}main header h1+p{font-weight:700;margin-top:2em}main footer{margin-top:6.4em;text-align:center}main footer p{font-weight:700;margin-bottom:6.4em;text-align:left}main footer a[role=back] span:before{content:'Go back to product page'}main footer a[role=back][href='/store/techo/en/'] span:before{content:'Go to Hobonichi Techo top page'}main footer a span{font-size:16px;line-height:1.38;max-width:calc(100% - 32px);text-align:left;vertical-align:middle}main figure div img[src*='_pc'],main footer a span:before{display:block}main figure div img[src*='_sp'],main form.invalid>:not(p):not(h2),main form[data-error='0'] p{display:none}main figure{margin:1.4em 0 3.4em;padding:2.9em 3em 2em;background:#f6f6f7}main figure div{position:relative;overflow:hidden;margin-bottom:1.5em;padding-top:53.57%}main figure div img{position:absolute;top:0;left:0;width:100%;height:100%}main figure figcaption{font-size:14px}main form:not([data-error='0']) fieldset div input{background:rgba(230,0,0,.1)}main form[data-error='3'] p,main form[data-error='3'] p span:nth-of-type(3),main form[data-error='1'] p,main form[data-error='1'] p span:nth-of-type(1),main form[data-error='2'] p,main form[data-error='2'] p span:nth-of-type(2){display:block}main form.disabled>a{cursor:default;pointer-events:none;color:#a5a3ad;background:#d2d1d6}main form h2{font-weight:700;position:relative;margin-top:2.4em;margin-bottom:3.4em;background:#f6f6f7}main form h2:before{display:inline-block;content:'';vertical-align:middle}main form h2 span{font-size:20px;line-height:1.4;display:inline-block;vertical-align:middle}main form h2 img{position:absolute}main form h2[data-type=id]{padding:2em 3em 2em 10em}main form h2[data-type=id]:before{height:5em}main form h2[data-type=id] img{top:calc(50% - 2.5em);left:3em;width:5em}main form h2[data-type=src]{padding:2.5em 17em 3em 4em}main form h2[data-type=src]:before{height:9.2em}main form h2[data-type=src] img{top:calc(50% - 4.6em);right:6.8em;width:9.2em}main form p{margin-top:2em;padding:.9em 1.8em 1em;border:.1em solid #d2d1d6}main form p span{font-size:14px;font-weight:700;display:none;color:#c80f0f}main form fieldset:after,main form fieldset:before{display:table;content:''}main form fieldset:after{clear:both}main form fieldset a{float:right;margin-bottom:.4em}main form fieldset a span{font-size:16px;line-height:1.75;display:inline-block;max-width:calc(100% - 32px);vertical-align:middle}main form fieldset legend{font-size:16px;font-weight:700;line-height:1.75;display:block;float:left;margin-bottom:.25em;letter-spacing:.025em}main form fieldset div{clear:both;border:.1em solid #d2d1d6;-webkit-border-radius:.4em;border-radius:.4em}main form fieldset div input{font-size:16px;line-height:3.38;display:block;overflow:hidden;width:100%;min-height:3.38em;padding-left:.63em;-webkit-transition:background .3s;-moz-transition:background .3s;-ms-transition:background .3s;-o-transition:background .3s;transition:background .3s;color:#1e1933;border:none;outline:0;background:rgba(230,0,0,0)}main form fieldset div input::-ms-clear{display:none;width:0;height:0}main form>input{display:none}main form>a{display:table;width:17em;height:5.6em;margin:4em auto 0;padding:0 1.6em;-webkit-transition:background .3s,color .3s!important;-moz-transition:background .3s,color .3s!important;-ms-transition:background .3s,color .3s!important;-o-transition:background .3s,color .3s!important;transition:background .3s,color .3s!important;opacity:1!important;color:#fff;-webkit-border-radius:.4em;border-radius:.4em;background:#1e1933}main form>a i{display:none!important}main form>a span{font-size:16px;line-height:1.38;display:table-cell;text-align:center;vertical-align:middle}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;-webkit-transform:translate(-100%,0);-moz-transform:translate(-100%,0);-ms-transform:translate(-100%,0);-o-transform:translate(-100%,0);transform:translate(-100%,0);opacity:0;background:url(../images/loading3.gif)50% 50% no-repeat rgba(255,255,255,.8);-webkit-background-size:3.2em 3.2em;-moz-background-size:3.2em 3.2em;background-size:3.2em 3.2em}#overlay.active{-webkit-transition:opacity .3s ease .3s;-moz-transition:opacity .3s ease .3s;-ms-transition:opacity .3s ease .3s;-o-transition:opacity .3s ease .3s;transition:opacity .3s ease .3s;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);opacity:1}.ua-desktop main a{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.ua-desktop main a:hover{opacity:.4}.ua-desktop main form>a:not(.disabled):hover{background:#f27f0c!important}@media (min-width:360px){main#sample footer a span br{display:none!important}}@media (max-width:768px){.ua-mobile body{font:10px/1.75 -apple-system,'Helvetica Neue','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif}.ua-mobile main{width:100%;padding:4em 0}.ua-mobile main#sample section{word-break:break-all}.ua-mobile main#sample footer{margin-top:4em}.ua-mobile main#sample footer a{width:100%}.ua-mobile main#sample footer a:after{height:6.7em}.ua-mobile main br.br-pc{display:none}.ua-mobile main br.br-sp{display:inherit}.ua-mobile main header h1 span br,.ua-mobile main section figure div img[src*='_pc'],.ua-mobile main>p span br{display:none}.ua-mobile main header{padding:0 3.13%}.ua-mobile main header h1{padding:0 4.33% 0 60px}.ua-mobile main header h1 img{top:0;width:54px}.ua-mobile main header h1 span{font-size:24px;line-height:1.42;border-bottom:.13em #1e1933 solid}.ua-mobile main header h1 span small{font-size:15px;line-height:2.13}.ua-mobile main footer{margin-top:4.4em;padding:0 3.13%}.ua-mobile main footer p{margin-bottom:4.4em}.ua-mobile main>p{padding:0 3.13%}.ua-mobile main section{margin:.7em 0 1.7em;padding:1.9em 3.13% 1em!important}.ua-mobile main section figure div{margin-bottom:.5em;padding-top:80%}.ua-mobile main section figure div img[src*='_sp']{display:block}.ua-mobile main form h2{min-height:0;margin-top:1.2em;margin-bottom:1.7em;padding:1.5em 3.13% 2em}.ua-mobile main form h2:before{display:none}.ua-mobile main form h2>img{position:relative;top:0;right:0;display:block;width:196px;height:196px;margin:1.6em auto 0}.ua-mobile main form p{margin:2em 3.13% 0}.ua-mobile main form fieldset{padding:0 3.13%}.ua-mobile main form fieldset a{float:left;margin-top:.4em}.ua-mobile main form fieldset a+legend{margin-top:1.88em}.ua-mobile main form fieldset legend{clear:both;margin-top:.25em}.ua-mobile main form fieldset div input{line-height:2.75;min-height:2.75em}.ua-mobile main form>a{width:52.19%;margin:2em auto 0}.ua-mobile main form>a:after{height:4.4em}.ua-mobile main>div{margin:-1.9em 3.13% 0}}