#contents{max-width:900px}h1:not([class]){font-size:1.875em;width:100vw;height:110px;background:#fff;margin:0 calc(50% - 50vw);display:flex;align-items:center;justify-content:center}.subnav{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:65px}.subnav::after,.subnav::before{content:"";width:calc((100% - 6px)/4);order:30}.subnav li{width:calc((100% - 6px)/4);margin-top:2px}.subnav li a{font-weight:700;display:flex;justify-content:center;align-items:center;height:40px}.subnav li.current-cat a{color:#fff}.comp h1{color:var(--comp-color);letter-spacing:1em}.comp .subnav li a{background:#b2e5c4}.comp .subnav li.current-cat a{background:var(--comp-color)}.comp article h3{border-color:var(--comp-color)}.howto h1{color:var(--howto-color)}.howto .subnav li a{background:#d1e7a5}.howto .subnav li.current-cat a{background:var(--howto-color)}.howto article h3{border-color:var(--howto-color)}.symptoms h1{color:var(--symptoms-color)}.symptoms .subnav li a{background:#b2e1de}.symptoms .subnav li.current-cat a{background:var(--symptoms-color)}.symptoms article h3{border-color:var(--symptoms-color)}.flex{display:flex;justify-content:space-between}.flex[data-col="2"]{background:#fff;border:1px solid #dcdddd;margin-top:35px;padding:20px;border-radius:5px}.flex[data-col="2"] figure{width:342px;position:relative;margin:0}.flex[data-col="2"] figure::before{content:attr(data-cat);font-size:.75em;color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:116px;height:23px;background:#000;z-index:1}.flex[data-col="2"] figure img{width:100%}.flex[data-col="2"] .txt{max-width:488px;width:calc(100% - 375px);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.flex[data-col="2"] .txt h2{font-size:1.25em;font-weight:700;width:100%}.flex[data-col="2"] .txt p:not([class]){font-size:.875em;width:100%;margin-top:10px;margin-bottom:20px}.flex[data-col="2"] .txt .date{font-size:.813em;color:#4e4e4e;margin-top:auto}.flex[data-col="2"] .txt .more{margin-top:auto;max-width:175px;width:100%}.flex[data-col="2"] .txt .more a{font-size:.75em;display:flex;align-items:center;justify-content:center;height:36px;border:1px solid #231815;border-radius:5px;margin:0 auto}.flex[data-col="2"] .txt .more a::after{content:">";margin-left:5px}.wp-pagenavi{font-size:1.25em;font-weight:400;font-family:Arial,Helvetica,sans-serif;width:100%;display:flex;justify-content:center;align-items:center;margin:40px 0 0 0}.wp-pagenavi .current{color:#4e4e4e;background:#c8c8c8;display:block;width:30px;height:30px;margin:0 4px;text-align:center;position:relative;border:none}.wp-pagenavi .page,.wp-pagenavi .wp-pagenavi .list{display:block;width:30px;height:30px;text-align:center;color:#fff;background:var(--main-color);text-decoration:none;margin:0 4px;border:none}.wp-pagenavi .extend{color:#4e4e4e;background:#c8c8c8;text-decoration:none;display:block;text-align:center;width:30px;height:30px;margin:0 4px;border:none}.wp-pagenavi .nextpostslink,.wp-pagenavi .previouspostslink{color:#fff;background:var(--main-color);display:flex;justify-content:center;align-items:center;width:30px;height:30px;border:none;margin:0 4px}.wp-pagenavi .nextpostslink::after{content:"";display:inline-block;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);margin-left:-0.1em}.wp-pagenavi .previouspostslink:before{content:"";display:inline-block;width:8px;height:8px;border-bottom:2px solid #fff;border-left:2px solid #fff;transform:rotate(45deg);margin-right:-0.1em}article{background:#fff;border:1px solid #dcdddd;margin-top:35px;padding:20px 20px 70px 20px;border-radius:5px}article h2{font-size:1.5em}article h3{font-size:1.5em;background:#f7f7f7;max-width:755px;width:100%;margin:50px auto 0 auto !important;min-height:78px;padding:10px 40px;border-left:9px solid;display:flex;align-items:center}article h4{font-size:1em;max-width:755px;width:100%;margin:30px auto 0 auto}article .wp-block-buttons{max-width:755px;width:100%;margin:30px auto 0 auto}article .wp-block-button__link{background-color:#219244}article p:not([class]),article :where(ul:not([class]),ol:not([class])){font-size:.875em;line-height:1.875em;max-width:755px;width:100%;margin:30px auto 0 auto}article p:not([class]) a,article :where(ul:not([class]),ol:not([class])) a{color:blue}article div.wp-block-group{max-width:755px;width:100%;margin:30px auto 0 auto;border:1px solid;padding:10px}article blockquote{background:#eee;max-width:755px;width:100%;margin:30px auto 0 auto}article blockquote cite:not([class]){max-width:755px;width:100%;display:block;margin:0px auto 0 auto}article :where(ul:not([class]),ol:not([class])){margin:0 auto 0 auto;list-style:inside circle}article .cat{font-size:.813em;margin-top:5px}article .date{font-size:.813em;color:#4e4e4e;margin-top:20px}article>figure{width:calc(100% + 40px);margin:20px -20px 0 -20px}article>figure img{max-width:755px;margin:30px auto 0 auto}article .pagenav{width:100%;display:flex;justify-content:space-between;margin:70px 0 0 0;position:relative;z-index:0}article .pagenav::before{content:"";height:90%;width:2px;background:#bfbfbf;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;z-index:-1}article .pagenav li{width:calc(50% - 1px)}article .pagenav li.prev{margin-right:20px}article .pagenav li.prev .post::before{content:"";display:inline-block;width:12px;height:14px;background:url(../images/ic_arrow_d.png) no-repeat;background-size:cover;vertical-align:-0.1em;margin-right:10px}article .pagenav li.next{margin-left:20px}article .pagenav li.next .post{text-align:right}article .pagenav li.next .post::after{content:"";display:inline-block;width:12px;height:14px;background:url(../images/ic_arrow_d.png) no-repeat;background-size:cover;transform:rotate(180deg);vertical-align:-0.1em;margin-left:10px}article .pagenav li.next figure{order:2}article .pagenav li a{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}article .pagenav li .post{font-size:13px;width:100%;margin-bottom:5px}article .pagenav li figure{width:52%}article .pagenav li p{font-size:14px;width:45%;margin:0 !important;line-height:21px}article ul.wp-block-list{max-width:755px;font-size:.875em;margin:0 auto 0 auto;list-style:circle inside}article #comp_random figure{width:235%}.wp-block-table table{max-width:755px;margin:0px auto 0 auto !important}.wp-block-table table tr:nth-child(even) td{background:beige}.wp-block-table table tr:nth-child(1) td{font-weight:bold;background:#fff5ee}.notfound{padding:100px 0 0}.notfound p{text-align:center}.notfound .img{max-width:330px;margin:40px auto 0 auto}.notfound .btn{width:300px;margin:40px auto 0 auto}.notfound .btn a{color:#fff;height:45px;display:flex;align-items:center;justify-content:center;background:var(--main-color)}@media(hover: hover)and (pointer: fine){.comp .subnav li a:hover{color:#fff;background:#00a73c}}@media screen and (max-width: 768px){h1:not([class]){font-size:1.5rem;height:68px;border-top:1px solid var(--main-color)}.subnav{margin-top:20px}.subnav::after,.subnav::before{display:none}.subnav li{font-size:.875em;width:calc((100% - 2px)/2)}.subnav li a{height:30px}.list{display:flex;justify-content:space-between;flex-wrap:wrap}.flex{flex-wrap:wrap;width:48%}.flex[data-col="2"]{margin-top:40px;padding:10px 10px 25px 10px}.flex[data-col="2"] figure{width:100%}.flex[data-col="2"] .txt{max-width:initial;width:100%}.flex[data-col="2"] .txt h3{font-size:1rem;margin-top:10px}.flex[data-col="2"] .txt p:not([class]){margin-top:20px;margin-bottom:0}.flex[data-col="2"] .txt .date{margin-top:10px;order:-1}.flex[data-col="2"] .txt .more{margin:25px auto 0 auto}article{padding:20px 15px 35px 15px}article h3{font-size:1rem;margin:20px auto 0 auto;min-height:42px;padding:10px 20px;border-left:4px solid}article p:not([class]),article :where(ul:not([class]),ol:not([class])){line-height:1.786em;margin:15px auto 0 auto}article div.wp-block-media-text{max-width:755px;width:100%;margin:15px auto 0 auto;border:1px solid;padding:10px}article figure{width:calc(100% + 30px);margin:10px -15px 0 -15px}article figure img.wp-image-476.size-full{width:auto}article>figure img{max-width:100%;margin:0px auto 0 auto}article :where(ul:not([class]),ol:not([class])){margin:0 auto 0 auto;list-style:inside circle}article .pagenav{margin:60px 0 0 0}article .pagenav li.next figure{order:2}article .pagenav li a{flex-direction:column}article .pagenav li .post{order:1}article .pagenav li figure{width:100%;margin:0 !important;order:2}article .pagenav li p{order:3;width:100%;margin-top:10px !important}}@media screen and (max-width: 500px){.flex{width:100%}.flex[data-col="2"]{margin-top:20px}.flex+.flex{margin-top:40px}.flex figure img{width:100%}article{margin-top:20px}.notfound{padding:50px 0 0}}