@charset "UTF-8";*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Noto Sans JP",sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.container{width:90%;margin:50px auto;padding:20px;background-color:#fff;border-radius:8px;-webkit-box-shadow:0 0 7px rgba(0,0,0,.05);box-shadow:0 0 7px rgba(0,0,0,.05)}h1,h2{text-align:center;margin-bottom:10px;color:#235180}h1{font-size:24px}h2{font-size:18px}h3{font-size:16px}ul{list-style-type:none;padding:0;margin:0}button.add-button,button.copy-button{padding:8px 16px;margin-top:10px;background-color:#235180;color:#fff;border:none;border-radius:4px;cursor:pointer;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}button.add-button:hover,button.copy-button:hover{background-color:#4d80b3}button.copy-button:disabled{background-color:#9e9e9e;cursor:not-allowed}textarea{width:100%;height:100px;padding:10px;border:1px solid #ccc;border-radius:4px;resize:none;font-family:monospace;font-size:1em}.contents-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.contents-wrap .header{position:fixed;z-index:999;left:0;top:0;height:100vh;width:300px;-webkit-box-shadow:0 0 7px rgba(0,0,0,.05);box-shadow:0 0 7px rgba(0,0,0,.05);background-color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}@media only screen and (max-width:767px){.contents-wrap .header{display:none}}.contents-wrap .header.active{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}.contents-wrap .header .toggle{cursor:pointer;right:0;top:45px;width:30px;height:60px;background-color:#fff;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:4px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.contents-wrap .header .toggle:hover{background-color:#f2f2f2;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.contents-wrap .header .toggle:hover::after{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;opacity:1}.contents-wrap .header .toggle:active::after{display:none}.contents-wrap .header .toggle.active{right:-30px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;border-radius:0 4px 4px 0;-webkit-box-shadow:0 0 7px rgba(0,0,0,.05);box-shadow:0 0 7px rgba(0,0,0,.05)}.contents-wrap .header .toggle.active::after{opacity:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.contents-wrap .header .toggle.active:hover{background-color:#fff;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.contents-wrap .header .toggle.active:hover::after{opacity:1;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.contents-wrap .header .toggle.active svg{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.contents-wrap .logo{max-width:220px;margin:30px auto 30px;margin-left:30px}.contents-wrap .logo a{text-decoration:none;color:#000!important}.contents-wrap .logo img{width:100%}.contents-wrap .main{margin-left:auto;width:calc(100% - 300px);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}@media only screen and (max-width:767px){.contents-wrap .main{margin:0;width:100%}}.contents-wrap .main.active{width:100%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.contents-wrap nav{border-bottom:1px solid #ccc}.contents-wrap nav p{text-align:center;background-color:#235180;color:#fff;font-weight:700;font-size:14px;padding:8px}.contents-wrap nav ul li:not(:last-of-type) a{border-bottom:1px solid #ccc}.contents-wrap nav ul li a{display:block;padding:10px 15px;text-decoration:none;color:#000;font-size:12px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.contents-wrap nav ul li a:hover{background-color:#f2f2f2;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.contents-wrap .copyright{text-align:center;font-size:10px;display:block;padding:10px;background-color:#fff;position:absolute;bottom:0;width:100%}@media only screen and (min-width:768px){.sp{display:none!important}}@media only screen and (max-width:767px){.pc{display:none!important}}pre code.hljs{padding:0!important}pre{padding:20px!important;background-color:#1e1e1e!important;padding:15px!important;border-radius:4px!important;overflow-x:auto!important;font-size:14px!important;line-height:1.2!important}.container.release{-webkit-box-shadow:none;box-shadow:none}.container.release .release-note{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:3px;margin-top:10px}.container.release .release-note li{font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.container.release .release-note li .date{width:85px}.container.release .release-note li .note{width:calc(100% - 85px)}.tool-description{display:inline-block;font-size:9px;color:#fff;background-color:#777;padding:2px 5px;border-radius:3px;margin-left:5px;line-height:1.2;font-weight:400;float:right}.tool-description.ui{background-color:#4caf50}.tool-description.code{background-color:#909090}.tool-description.text{background-color:#ff9800}.tool-description.calc{background-color:#9c27b0}