*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;height:auto;display:inline-block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--site-1-col:#d4145a;--site-1-col-rgb:212 , 20 , 90;--site-2-col:#009245;--site-2-col-rgb:0 , 146 , 69;--site-3-col:#0071bc;--site-3-col-rgb:0 , 113 , 188;--site-txt-col:#333;--site-txt-col-rgb:51 , 51 , 51;--gray:#333;--red:#c9000e;--red-2:#df666e;--red-3:#f4cccf;--yellow:#c9c400;--yellow-2:#dfdc66;--yellow-3:#f4f3cc;--orange:#f7931e;--orange-2:#f9a94b;--orange-3:#fcd4a5;--brown:#af8254;--social_x-col:#0f1419;--social_x-col-rgb:15 , 20 , 25;--ins-col:#f13f79;--ins-col-rgb:241 , 63 , 121;--youtube-col:red;--youtube-col-rgb:255 , 0 , 0;--facebook-col:#4267b2;--facebook-col-rgb:66 , 103 , 178;--line-col:#00b900;--line-col-rgb:0 , 185 , 0;--hatena-col:#01a5df;--hatena-col-rgb:1 , 165 , 223;--rakuten-col:#cc4e50;--white:#fff;--ct-full:4rem;--ct-full:10rem;--ct-middle:4rem;--visual-radius:10px;--card-radius:5px}@media only screen and (max-width:768px){:root{--ct-full:4rem;--ct-middle:2rem}}@media (max-width:480px){:root{--ct-full:2rem;--ct-middle:1rem}}html{font-size:62.5%}body{background-color:#fff;color:#444;font-family:"游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;font-size: clamp(1.6rem, calc(1rem + 0.625vw), 2rem);font-style:normal;overflow-wrap:anywhere;word-break:normal;line-break:strict}a:hover{opacity:.75}.svg-symbol{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.icon-line{fill:none;stroke:#555c5f;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.mt-1{margin-top:1rem}.mb-middle{margin-bottom:var(--ct-middle)}.fs-12{font-size:1.2rem}.fs-s{font-size: clamp(1.2rem, calc(0.9rem + 0.625vw), 1.6rem)}.fs-m{font-size: clamp(1.6rem, calc(1.6rem + 0.625vw), 2rem)}.fs-l{font-size: clamp(2.4rem, calc(2.4rem + 0.625vw), 6rem)}.social_x-bg{background:var(--social_x-col)}.facebook-bg{background:var(--facebook-col)}.line-bg{background:var(--line-col)}#header{position:fixed;top:0;left:0;width:100%;height:110px;background:var(--white);color:var(--gray);padding:1rem;box-sizing:border-box;z-index:1000;transition:padding .3s ease , background .3s ease;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:.25rem}#header .header-title{margin-right:45px;grid-column: 1 / -1;font-size:12px;color:#666}.logo-container{grid-column:1;grid-row:2}#primary-nav{grid-column:2;grid-row:2}.site-logo{width:100%;max-width:130px;transform-origin:top left;transition:transform .3s ease}#header.shrink{padding:.3rem 1rem}#header.shrink .site-logo{transform:scale(.75);transform-origin:top left}.hamburger{display:none;position:absolute;top:1rem;right:1rem;flex-direction:column;gap:5px;background:none;border:none;z-index:1100}.hamburger span{width:25px;height:3px;background:#333;display:block;transition:.3s}#overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1050}@media (max-width:768px){#header{height:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto}.logo-container,#primary-nav{grid-column:1;grid-row:auto}.hamburger{display:flex}#primary-nav.open{right:0;max-width:80%}#overlay.active{display:block}}#primary-nav{display:grid;grid-auto-columns:auto;grid-auto-flow:column;justify-self:end;width:auto;height:100%}#primary-nav ul{margin:0;padding:0;list-style:none;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;justify-self:start;gap:1rem;font-size:14px}#primary-nav svg{width:40px}#primary-nav a{display:flex;align-items:center;height:100%;gap:.5rem}@media screen and (max-width:768px){#primary-nav{position:fixed;justify-self:start;top:0;right:-100%;width:80%;height:100vh;background:#fff;transition:right .3s ease;z-index:1100;padding:4rem 1rem;display:block}#primary-nav a{padding:1rem 0}#primary-nav ul{display:block;width:100%}#primary-nav li{border-bottom:1px solid var(--gray)}}main{padding-top:150px}@media (max-width:768px){main{padding-top:0}}.section-box{background-color:#fdf6ee;background-image: linear-gradient(#fdf6eecf, #fdf6eecf), url(../images/noise.png);background-repeat:repeat;background-size:100px;padding:var(--ct-full) 0;text-shadow:1px 1px 1px rgba(255,255,255,.2);position:relative;width:100%}.section-box .page-title{padding:2rem 0;margin-bottom:var(--ct-middle);font-size: clamp(2.4rem, calc(2.4rem + 0.625vw), 6rem);position:relative;border-bottom:3px dotted var(--gray)}.section-box.ads{padding:var(--ct-middle) 0;text-align:center}.section-box.ads .container{max-width:728px;height:90px;margin:0 auto}.section-top{position:relative}.section-top .page-title{margin-bottom:1rem;font-size: clamp(2.4rem, calc(2.4rem + 0.625vw), 6rem)}.section-top ol{margin:0;padding:0;list-style:none}.section-top .breadcrumb{margin-top:.5rem;color:#999;font-size:12px}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5em;padding:0;margin:0}.breadcrumb li::after{content:">";margin:0 .5em}.breadcrumb li:last-child::after{content:none}@media (max-width:768px){.section-top{padding:80px 0 1rem;border-bottom:2px solid var(--brown)}.section-top .container:after{background:none}}.svg-bar .container:after{content:"";background-image:url(https://aac.cocole.org/images/bar-smile.svg);background-repeat:no-repeat;background-size:100% auto;width:100%;height:100px;position:absolute;left:0;right:0;bottom:-55px}.container{position:relative;width:95%;max-width:1200px;margin:0 auto}#footer{padding:1rem 0;text-align:center;color:var(--white);background:var(--gray)}#footer a{color:var(--white)}#footer .copyright,#footer .copy{font-size:1.2rem}.card{background:var(--white);display:block;background-color:#fff;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:1.2rem;text-align:center;text-decoration:none;transition:transform .2s ease , box-shadow .2s ease}.card .card-link{display:block;text-decoration:none;color:var(--gray)}.card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px 6%;margin:0;padding:0;list-style:none}.card-list li{list-style:none}.card-list a{display:block;background-color:#fff;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:1.2rem;text-align:center;text-decoration:none;transition:transform .2s ease , box-shadow .2s ease}.card-list a:hover,.card-list a:focus{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,.15)}@media (max-width:768px){.card-list{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:480px){.card-list{grid-template-columns:1fr;gap:12px}}.voca-list a{color:var(--gray);background-image:linear-gradient(180deg,rgba(252,252,252,1) 50%,rgba(240,240,240,1));text-shadow:1px 1px 1px rgba(255,255,255,.66)}@media (max-width:480px){.voca-list a{display:grid;grid-template-columns:80px auto;column-gap:1rem;align-items:center}.voca-list div{justify-self:start}}#vocaControls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;margin:1.5rem 0}#vocaControls input[type="text"]{max-width:400px;width:100%;padding:.6em 1em;border:1px solid #ccc;border-radius:5px;box-sizing:border-box}#vocaControls button{padding:.6em 1.2em;border:none;border-radius:5px;background-color:var(--site-2-col,#28a745);color:#fff;cursor:pointer;white-space:nowrap;box-sizing:border-box}@media (max-width:480px){#vocaControls{flex-direction:column;align-items:stretch}#vocaControls input[type="text"],#vocaControls button{width:100%}}#categoryList,#tagList{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}#categoryList button,#tagList button{display:flex;justify-content:center;align-items:center;padding:.9em 2em;border:none;border-radius:5px;background-color:var(--site-2-col);color:var(--white);cursor:pointer;transition:background-color .3s , transform .1s}#categoryList button:hover,#tagList button:hover{background-color:var(--site-1-col)}#categoryList button.active,#tagList button.active{background-color:var(--site-1-col);color:var(--white);font-weight:bold;transform:scale(1.05)}.post-inline-list{list-style:none;margin:0;padding:0}.post-inline-list li{background:var(--white);margin-bottom:2rem;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.1);padding:1.2rem;text-decoration:none;transition:transform .2s ease , box-shadow .2s ease}.post-inline-list a{text-decoration:none}.post-inline-list .post-inline-date{font-size:1.4rem;margin-bottom:1rem}.post-inline-list .post-inline-title{position:relative}.post-inline-list .post-inline-title:after{background-image:url(https://aac.cocole.org/images/external_link_line.svg);display:inline-block;position:relative;overflow:hidden;background:no-repeat 50%;background-size:contain;text-indent:100%;vertical-align:middle;white-space:nowrap;content:"";width:14px;height:14px;top:-2px;margin-left:10px}.share-list{display:flex;gap:2rem;list-style:none;margin:0;padding:0;text-shadow:none}.share-list li{width:100%}.share-list svg{width:48px;margin:0 auto;display:block;fill:#fff}.share-list a{display:block;text-align:center;padding:1rem;margin:0 auto;position:relative;color:var(--white);transition:.3s ease-in-out;font-weight:600;z-index:1;border-radius:5px;text-decoration:none}.share-list a:after{position:absolute;top:0;bottom:0;height:100%;content:'';-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translate3d(0,.40rem,-1rem);transform:translate3d(0,.40rem,-1rem);border-radius:inherit;background:var(--red);-webkit-box-shadow: 0 0.6rem 0 0 rgb(0 0 0 / 20%);box-shadow: 0 0.4rem 0 0 rgb(0 0 0 / 20%);z-index:-2}.share-list a:hover{transform:translate3d(0,.2rem,-1rem)}#dial_area{display:flex;flex-direction:column;align-items:center}#dial_area .output{font-size:2rem;border:1px solid #ccc;padding:1rem;margin-bottom:1rem;min-height:3rem;width:90%;max-width:480px;background:#fff;border-radius:12px;text-align:center}#dial_area .mode-selector{margin-bottom:1rem}#dial_area #mode{font-size:1.2rem;padding:.4rem 1rem;border-radius:8px}#dial_area #board{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:90%;max-width:480px;margin-bottom:1rem}#dial_area .cell{background:#fff;border:1px solid #ccc;border-radius:10px;font-size:1.8rem;text-align:center;height:64px;display:flex;align-items:center;justify-content:center;user-select:none;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background .2s}#dial_area .cell:active{background:#b3e5fc}#dial_area .controls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:1rem;width:90%;max-width:480px}#dial_area .control{background:#dfefff;border:1px solid #ccc;border-radius:10px;padding:.8rem 1.4rem;font-size:1.3rem;cursor:pointer;min-width:110px;text-align:center;transition:background .3s}#dial_area .control:active{background:#aee1ff}#dial_area #presets{margin-top:2rem;width:90%;max-width:480px}#dial_area #presets h3{font-size:1.4rem;margin-bottom:.5rem;text-align:center}#preset-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}#dial_area .speak-button{background:#007bff;color:#fff;font-weight:bold;font-size:1.4rem;padding:1rem;margin-top:2rem;border:none;border-radius:12px;width:90%;max-width:480px;text-align:center;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.15);transition:background .3s}#dial_area .speak-button:active{background:#0056b3}@media screen and (max-width:480px){#dial_area .cell{font-size:2rem;height:70px}#dial_area .control{font-size:1.2rem;padding:.7rem 1.2rem}#dial_area #preset-buttons{grid-template-columns:1fr}}