@charset "utf-8";/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */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;outline:0}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}button:focus,input:focus,select:focus,textarea:focus{outline:0}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}}
@charset "utf-8";html{font-size:62.5%}body{font:10px/1.75 "-apple-system","Helvetica Neue","Segoe UI","Hiragino Kaku Gothic ProN",meiryo,"M+ 1p",sans-serif;color:#333;-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{color:#333}dd a,li a,p a{color:#1c3a83;text-decoration:underline}[class*=mdi-]{display:inline-block;vertical-align:middle}[class*=mdi-]:before{font-family:"Material Design Icons";font-weight:400;font-style:normal;font-variant:normal;font-size:24px;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{width:640px;padding:80px 0;margin:0 auto}main[data-complete]>section{display:none;opacity:1;-ms-filter:none;filter:none}main[data-complete][data-complete="0"] section:nth-child(2){display:block}main[data-complete][data-complete="1"] section:first-child{display:block}main[data-complete][data-complete="2"] section:nth-child(3){display:block}main>section{-webkit-transition:opacity .45s;-moz-transition:opacity .45s;-o-transition:opacity .45s;-ms-transition:opacity .45s;transition:opacity .45s}main>section+section{opacity:0;display:none}main br.br-sp{display:none}main header h1{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:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}main header h1 img{width:43px;height:42px;object-fit:contain;margin-right:12px}main header h1 span{font-size:28px;line-height:1.5}main header h1+p{margin-top:20px;font-weight:700;font-size:16px;line-height:1.5;text-align:center;padding-bottom:32px;border-bottom:1px #d6d6d6 solid}main header ul{margin-top:40px}main header ul li{font-size:16px;line-height:1.5;padding-left:24px;position:relative}main header ul li:before{content:"";background:#f48a3f;width:10px;aspect-ratio:10/10;border-radius:50%;position:absolute;left:5px;top:7px}main header ul li+li{margin-top:20px}main footer p{margin-top:40px;padding-top:40px;font-weight:700;font-size:16px;line-height:1.5;text-align:center;border-top:1px #d6d6d6 solid}main footer a[role=back]{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;height:44px;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:fit-content;margin:60px auto 0}main footer a[role=back]:before{font-size:24px;color:#f48a3f;margin-right:4px}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[role=back] span{display:block;font-size:16px;line-height:1.31;font-weight:700}main footer a[role=back] span:before{display:block}main form{padding-top:40px}main form[data-error="0"] p:has(>span){display:none}main form:not([data-error="0"]) fieldset div input{background:rgba(230,0,0,.1)}main form[data-error="1"] p:has(>span){display:block}main form[data-error="1"] p:has(>span) span:first-of-type{display:block}main form[data-error="2"] p:has(>span){display:block}main form[data-error="2"] p:has(>span) span:nth-of-type(2){display:block}main form[data-error="3"] p:has(>span){display:block}main form[data-error="3"] p:has(>span) span:nth-of-type(3){display:block}main form.invalid fieldset div input{pointer-events:none;background:#d2d1d6}main form.disabled button{cursor:default;pointer-events:none;background:#d2d1d6}main form h2{background:#f7f7f7;padding:20px;font-weight:700;margin-bottom:60px;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;position:relative;border-radius:8px}main form h2:before{content:"";display:block;width:92px;aspect-ratio:92/92}main form h2 span{width:calc(100% - 92px - 20px);font-size:18px;line-height:1.5}main form h2 span:before{content:"Selected Item";display:block;margin-bottom:6px;font-size:12px;line-height:1.5}main form h2 img{position:absolute;top:20px;left:20px;width:92px;height:92px}main form p{margin-top:16px}main form p:has(>span){font-size:12px;line-height:1.5;font-weight:700;color:#c80f0f}main form p:has(>span) span{display:none}main form p:has(>small){font-size:12px;line-height:1.5}main form dl{margin-top:60px;background:#fde8d9;border-radius:8px;padding:20px 68px}main form dl dt{font-size:16px;line-height:1.31;font-weight:700;text-align:center}main form dl dd{margin:12px auto 0;font-size:14px;line-height:1.5}main form dl dd strong{color:#c80f0f}main form dl dd a{font-weight:700}main form fieldset legend{display:block;font-size:16px;line-height:1.31;font-weight:700}main form fieldset div{margin-top:16px;border:1px #bbbac0 solid;border-radius:8px}main form fieldset div input{width:100%;font-size:16px;line-height:3.88;min-height:62px;overflow:hidden;outline:0;border:none;display:block;padding:0 24px;color:#1e1933;border:none;background:rgba(230,0,0,0);-webkit-transition:background .3s;-moz-transition:background .3s;-o-transition:background .3s;-ms-transition:background .3s;transition:background .3s}main form fieldset div input::-ms-clear{width:0;height:0;display:none}main form fieldset div input::placeholder{color:#aaa;opacity:1;-ms-filter:none;filter:none}main form fieldset div input[disabled]{pointer-events:none;background:#d2d1d6}main form>input{display:none}main form button{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:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:180px;height:60px;background:#333;color:#fff;border-radius:4px;margin:40px auto 0;cursor:pointer}main form button span{font-size:16px;line-height:1.31;font-weight:700}#overlay{width:100%;height:100%;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8) url("../images/loading3.gif") no-repeat 50% 50%;background-size:32px 32px;opacity:0;-webkit-transform:translate(-100%,0);-moz-transform:translate(-100%,0);-o-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;-ms-transition:opacity .3s ease;transition:opacity .3s ease}#overlay.active{-webkit-transition:opacity .3s ease .3s;-moz-transition:opacity .3s ease .3s;-o-transition:opacity .3s ease .3s;-ms-transition:opacity .3s ease .3s;transition:opacity .3s ease .3s;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1;-ms-filter:none;filter:none}.ua-desktop main a{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s}.ua-desktop main a:hover{opacity:.4}.ua-desktop main form button:not(.disabled){-webkit-transition:background .3s;-moz-transition:background .3s;-o-transition:background .3s;-ms-transition:background .3s;transition:background .3s}.ua-desktop main form button:not(.disabled):hover{background:#f48a3f}@media (max-width:768px){.ua-mobile main{width:100%;padding:40px 16px}.ua-mobile main br.br-pc{display:none}.ua-mobile main br.br-sp{display:inherit}.ua-mobile main header h1 img{width:34px;height:34px;margin-right:8px}.ua-mobile main header h1 span{font-size:24px;line-height:1}.ua-mobile main header h1+p{text-align:left}.ua-mobile main header ul{margin-top:32px}.ua-mobile main header ul li{font-size:14px;line-height:1.5}.ua-mobile main header ul li:before{position:absolute;left:5px;top:5.5px}.ua-mobile main header ul li+li{margin-top:16px}.ua-mobile main footer p{text-align:left;margin-top:32px;padding-top:32px}.ua-mobile main form{padding-top:32px}.ua-mobile main form h2{padding:12px}.ua-mobile main form h2:before{width:60px}.ua-mobile main form h2 span{width:calc(100% - 60px - 16px);font-size:14px;line-height:1.29}.ua-mobile main form h2 img{top:12px;left:12px;width:60px;height:60px}.ua-mobile main form dl{padding:16px}.ua-mobile main form fieldset div input{line-height:3.63;min-height:58px;padding:0 16px}}