:root{--red:#ed5c66;--yellow:#fcc051;--green:#86e929;--blue:#50c4ee;--purple:#b96bf5;--text-main:#222;--text-bright:#222;--selection:#a3e875;font-size:14.4px}.zen-maru-gothic-regular{font-family:"Zen Maru Gothic",sans-serif;font-weight:400;font-style:normal}.zen-maru-gothic-bold{font-family:"Zen Maru Gothic",sans-serif;font-weight:700;font-style:normal}*{-webkit-box-sizing:border-box;box-sizing:border-box}h1{font-size:1.6rem}h2{font-size:1.4rem}h3{font-size:1.2rem}h4{font-size:1.1rem}h5{font-size:1rem}h6{font-size:0.9rem}img{max-width:100%}ul{margin:0;padding:0}body{margin:0;background-color:#F1E5B8;font-family:"Zen Maru Gothic",sans-serif}.align-right{margin:0;text-align:right}.button{padding:0.5em 0.75em;display:block;border-radius:5px;background-color:var(--text-main);color:#fff;text-decoration:none}header{padding:50px 0 0;background:url("../images/background__cloud@2x.webp") repeat-x 50% -40px #84D6ED;background-size:890px}@media (max-width:369px){header{padding:30px 0 0 0}}header .site-brand{max-width:300px;margin-inline:auto;padding-inline:20px;color:#fff;font-size:1.2rem}@media (max-width:369px){header .site-brand{max-width:240px;margin-bottom:0.5rem;font-size:0.9rem}header .site-brand .description,header .site-brand h1{margin-block:0}}header .attendant{padding-block:30px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:top;-ms-flex-align:top;align-items:top;gap:20px;background:url("../images/shibafu.svg") repeat-x 50% 100%;background-size:20px}header .attendant .phrase{width:160px;min-height:100px;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;position:relative;list-style:none;padding:0;margin:0 0 0 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;background-color:#00B5C3;border-radius:1em;-webkit-box-shadow:#fff 3px 3px 0;box-shadow:#fff 3px 3px 0;color:#fff}header .attendant .phrase ul:after{width:140px;height:40px;position:absolute;bottom:calc(100% - 5px);left:10px;display:block;content:""}header .attendant .phrase ul:first-child:after{background:url("../images/torisan02.webp") no-repeat 0 100%;background-size:contain}header .attendant .phrase:after,header .attendant .phrase:before{width:20px;height:20px;position:absolute;display:block;content:"";clip-path:polygon(0% 0%,100% 100%,0% 100%)}header .attendant .phrase:before{top:unset;bottom:27px;left:calc(100% + 3px);background-color:#fff}header .attendant .phrase:after{top:unset;bottom:30px;left:100%;background-color:#00B5C3}header .attendant .phrase li{opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;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;text-align:center;width:100%;padding:1em;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;font-size:1rem}@media (max-width:349px){header .attendant .phrase li{font-size:0.8rem}}header .attendant .phrase li p{word-break:keep-all;overflow-wrap:break-word;overflow-wrap:anywhere}header .attendant img{width:100%;max-width:150px;margin-top:2rem;display:block}header a{color:var(--text-main)}header h1.site-name{margin:0.75rem 0;font-size:0.9rem}header nav>ul{padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;gap:10px}header nav>ul ul{list-style:none;display:block}header nav>ul ul li{margin-block:0.5rem}main nav{max-width:380px;margin-block:60px;margin-inline:auto}@media (max-width:369px){main nav{margin-block:30px}}main nav>ul{padding:0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:30px 26px;list-style:none}main nav>ul>li{width:160px;position:relative;text-align:center}main nav>ul>li>a,main nav>ul>li>span{width:100%;min-height:170px;padding:0.5em;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0.5em;background:#bbb;-webkit-box-shadow:#E4D18D 3px 3px 0;box-shadow:#E4D18D 3px 3px 0;color:#fff;text-decoration:none;-webkit-transition:background 0.25s ease,-webkit-box-shadow 0.25s ease;transition:background 0.25s ease,-webkit-box-shadow 0.25s ease;transition:background 0.25s ease,box-shadow 0.25s ease;transition:background 0.25s ease,box-shadow 0.25s ease,-webkit-box-shadow 0.25s ease}main nav>ul>li a:active{-webkit-box-shadow:none;box-shadow:none}main nav>ul>li:first-child>a,main nav>ul>li:first-child>span{background-color:#FD8F2F}main nav>ul>li:nth-child(2)>a,main nav>ul>li:nth-child(2)>span{background-color:#FF84C7}main nav>ul>li:nth-child(3)>a,main nav>ul>li:nth-child(3)>span{background-color:#B580BB}main nav>ul>li:nth-child(4)>a,main nav>ul>li:nth-child(4)>span{background-color:#7BB316}main nav>ul>li:first-child>a:active{background-color:#febc82}main nav>ul>li:nth-child(2)>a:active{background-color:#ffb5dd}main nav>ul>li:nth-child(3)>a:active{background-color:#d3b3d6}main nav>ul>li:nth-child(4)>a:active{background-color:#b0d173}main nav>ul img{max-width:48px}main nav>ul .content{-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2}main nav>ul h2{margin:0;font-size:1.2em;font-weight:normal}main nav>ul ul{display:block;list-style:none}main nav>ul p,main nav>ul ul>li{margin:0;font-size:0.7rem;word-break:keep-all;overflow-wrap:break-word;overflow-wrap:anywhere}main nav>ul p .button,main nav>ul ul>li .button{margin-block:0.5rem;background:#fff;color:#6c4470}@media (max-width:369px){main nav>ul{gap:20px}main nav>ul li{width:calc(100% - 20px)}main nav>ul li a{min-height:70px;padding:1rem;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;text-align:left}}@media (min-width:820px){main nav{max-width:820px}}footer{padding-block:1em 4em}footer .credit{display:block;color:#666;text-align:center}