:root{--color-balloon-bg:#f7f7f7;--color-balloon-avatarBorder:#eee;--color-default-bg:#fffadd;--color-default-border:#fff3cd;--color-default-text:#5a4d26;--color-default-icon:#fcc950;--color-success-bg:#ecf0f4;--color-success-border:#dae0e8;--color-success-text:#28321b;--color-success-icon:#577598;--color-warning-bg:#fae7ea;--color-warning-border:#f6d0d4;--color-warning-text:#5a3426;--color-warning-icon:#d52a3e;--color-remark-bg:#f7f7f7;--color-remark-border:#eee;--color-remark-text:#333;--color-remark-icon:#999}
.balloon{--balloon-bgColor:var(--color-balloon-bg,#f7f7f7);--balloon-avatarBorderColor:var(--color-balloon-avatarBorder,#eee);--balloon-avatarBorderWidth:3px;--balloon-gap:1.125em;flex-direction:column;align-items:flex-start;display:flex}.balloonPerson{margin:0 0 var(--balloon-gap) 0;justify-content:center;align-items:center;display:inline-flex}.balloonPerson .balloonName{margin:0 0 0 5px}.balloonFigure{border:var(--balloon-avatarBorderWidth) solid var(--balloon-avatarBorderColor);box-sizing:initial;border-radius:100%;flex:none;width:60px;height:60px;position:relative;overflow:hidden}.balloonFigure>img{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.balloonName{white-space:nowrap;font-size:14px}.balloonBody{background-color:var(--balloon-bgColor);overflow-wrap:break-word;border-radius:6px;flex:auto;max-width:720px;padding:1.5em;position:relative}.balloonBody p{margin-top:0;font-size:100%}.balloonBody:before{border-color:#0000;border-bottom-color:var(--balloon-bgColor);content:"";height:0;left:calc(25px + var(--balloon-avatarBorderWidth));border-style:solid;border-width:0 5px 10px;width:0;display:block;position:absolute;top:-10px}.balloon--reverse{align-items:flex-end}.balloon--reverse .balloonPerson{margin:0 0 var(--balloon-gap) 0}.balloon--reverse .balloonPerson .balloonName{order:-1;margin-left:0;margin-right:5px}.balloon--reverse .balloonBody:before{left:auto;right:calc(25px + var(--balloon-avatarBorderWidth))}@media (min-width:640px){.balloon{flex-flow:row;align-items:center}.balloonPerson{margin:0 var(--balloon-gap) 0 0;flex-direction:column}.balloonPerson .balloonName{margin:5px 0 0}.balloonBody{font-size:110%}.balloonBody:before{border-bottom-color:#0000;border-right-color:var(--balloon-bgColor);border-width:5px 10px 5px 0;top:calc(50% - 5px);left:-10px}.balloon--reverse{flex-direction:row-reverse;align-items:center}.balloon--reverse .balloonPerson{margin:0 0 0 var(--balloon-gap)}.balloon--reverse .balloonPerson .balloonName{order:0;margin-right:0}.balloon--reverse .balloonBody:before{border-left-color:var(--balloon-bgColor);border-width:5px 0 5px 10px;border-right-color:#0000;left:auto;right:-10px}}
.alert{--alert-bgColor:var(--color-default-bg);--alert-borderColor:var(--color-default-border);--alert-color:var(--color-default-text);--alert-iconColor:var(--color-default-icon);background-color:var(--alert-bgColor);border:1px solid var(--alert-borderColor);color:var(--alert-color);border-radius:6px;padding:1.66666rem;display:block}.alert--warning{--alert-bgColor:var(--color-warning-bg);--alert-borderColor:var(--color-warning-border);--alert-color:var(--color-warning-text);--alert-iconColor:var(--color-warning-icon)}.alert--success{--alert-bgColor:var(--color-success-bg);--alert-borderColor:var(--color-success-border);--alert-color:var(--color-success-text);--alert-iconColor:var(--color-success-icon)}.alert--remark{--alert-bgColor:var(--color-remark-bg);--alert-borderColor:var(--color-remark-border);--alert-color:var(--color-remark-text);--alert-iconColor:var(--color-remark-icon)}.alertTitle{align-items:center;gap:.55555rem;margin-bottom:1.11111rem;font-size:110%;font-weight:700;display:flex}.alertIcon{color:var(--alert-iconColor);flex:none;width:24px;height:24px;position:relative;top:-1px}.alertBody p{margin-top:0}
.note,.note--default,.note--success,.note--warning,.note--remark{--note-bgColor:var(--color-default-bg);--note-border:1px solid var(--color-default-border);--note-color:var(--color-default-text);--note-iconUrl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fcc950' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z'/%3E%3C/svg%3E");--note-iconSize:24px;background-color:var(--note-bgColor);border:var(--note-border);color:var(--note-color);padding:calc(var(--note-iconSize) + 1.11111rem * 2) 1.11111rem 1.11111rem;border-radius:6px;display:block;position:relative}@media (min-width:640px){.note,.note--default,.note--success,.note--warning,.note--remark{padding:1.11111rem 1.11111rem 1.11111rem calc(var(--note-iconSize) + 1.11111rem * 2)}}.note:before,.note--default:before,.note--success:before,.note--warning:before,.note--remark:before{background-image:var(--note-iconUrl);content:"";height:var(--note-iconSize);width:var(--note-iconSize);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;position:absolute;top:1.11111rem;left:50%;transform:translate(-50%)}@media (min-width:640px){.note:before,.note--default:before,.note--success:before,.note--warning:before,.note--remark:before{top:50%;left:1.11111rem;transform:translateY(-50%)}}.note--success{--note-bgColor:var(--color-success-bg);--note-border:1px solid var(--color-success-border);--note-color:var(--color-success-text);--note-iconUrl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23577598' d='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E")}.note--warning{--note-bgColor:var(--color-warning-bg);--note-border:1px solid var(--color-warning-border);--note-color:var(--color-warning-text);--note-iconUrl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23d52a3e' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z'/%3E%3C/svg%3E")}.note--remark{--note-bgColor:var(--color-remark-bg);--note-border:1px solid var(--color-remark-border);--note-color:var(--color-remark-text);--note-iconUrl:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23999' d='M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7 425.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E")}.note--speech{background-color:var(--color-remark-bg);width:fit-content;color:inherit;border-radius:6px;padding:1.11111rem 2.22222rem;position:relative}.note--speech:before{background-color:var(--color-remark-bg);content:"";background-image:none;width:14px;height:14px;position:absolute;top:calc(100% - 7px);left:1.66666rem;transform:rotate(45deg)}
.step{--step-border-color:var(--_light-color-gray);--step-number-size:2.5rem;--step-number-bg:#000;--step-number-color:#fff;--step-gap:calc(var(--step-number-size) + 1.66666rem);counter-reset:item}.stepBody{position:relative}.stepBody>*+*{margin-top:var(--step-gap)}.stepBody:before{content:"";bottom:.33333rem;left:calc(var(--step-number-size) / 2);border-left:1px dotted #ccc;display:block;position:absolute;top:.33333rem}.stepItem{margin-left:var(--step-gap)}.stepItemTitle{margin-bottom:var(--_margin-1);flex-flow:row;align-items:center;font-size:110%;font-weight:700;display:flex;position:relative}.stepItemTitle>.stepItemNumber{margin-left:calc(var(--step-gap) * -1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.stepItemTitle>span{flex:auto}.stepItemNumber{background-color:var(--step-number-bg);color:var(--step-number-color);height:var(--step-number-size);width:var(--step-number-size);border-radius:100%;justify-content:center;align-items:center;font-size:1rem;font-weight:400;line-height:1.66666;display:flex;overflow:hidden}.stepItemNumber:before{content:counter(item);counter-increment:item}.stepItemSummary>*{margin-top:2rem;margin-bottom:0}
:root{--color-amazon:#f99a0c;--color-rakuten:#e0423c}.afBox{grid-gap:0 24px;color:#353535;background:#fff;grid-template:"areaImg areaBody""areaBtns areaBtns"/100px 1fr;max-width:960px;margin:2em auto;padding:24px;font-size:16px;display:grid;position:relative;box-shadow:0 1px 8px -4px #0003,0 0 0 1px #00000005}.afImage{grid-area:areaImg;margin:0;padding:0}.afImage a{width:100%;text-decoration:none;display:block}.afImage img{object-fit:contain;width:100%;height:auto;max-height:160px;display:block}.afBody{grid-area:areaBody;margin:0;padding:0}.afTitle{margin:0 0 8px;font-weight:700;line-height:1.6}.afTitle a{width:100%;color:inherit;text-decoration:none;display:block}.afInfo{opacity:.75;margin:4px 0 0;font-size:12px;line-height:1.5}.afBtns{flex-wrap:wrap;grid-area:areaBtns;align-items:flex-end;width:calc(100% + 8px);margin:12px 0 0;padding:0;display:flex;position:relative;left:-4px}.afBtnwrap{min-width:max-content;padding:4px}.afBtn{color:#fff;letter-spacing:.5px;text-align:center;background-color:#3c3c3c;justify-content:center;align-items:center;padding:12px;font-size:1em;line-height:1;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px -1px #0003}.afBtn:before{opacity:.1;content:"";background:linear-gradient(175deg,#fff,#0000 50% 70%,#555);width:100%;height:100%;display:block;position:absolute;top:0;left:0}.afBtn:hover{opacity:.8}.-amazon .afBtn{background:var(--color-amazon)}.-rakuten .afBtn{background:var(--color-rakuten)}@media screen and (min-width:1000px){.afBox{grid-template-areas:"areaImg areaBody""areaImg areaBtns"}.afBtnwrap{flex:0 0 33.3%;font-size:15px}}@media screen and (max-width:1099px){.afBtnwrap{flex-basis:50%;min-width:50%;max-width:50%}}@media screen and (max-width:599px){.afBox{grid-gap:0 16px;grid-template-columns:25% 1fr;font-size:13px}.afBtnwrap{flex-basis:100%;max-width:100%;font-size:15px}.afBtn{padding:12px 10px}.afBox--vertical{font-size:14px;display:block}.afBox--vertical .afImage{width:100%;margin-bottom:16px}.afBox--vertical .afImage img{width:40%;max-width:120px;margin:0 auto}.afBox--vertical .afBody{width:100%;padding:0}}@media screen and (max-width:360px){.afBox{width:100%;padding:16px;font-size:14px}}
.card{width:100%;max-width:880px;color:inherit;margin:2.5em auto 2em;text-decoration:none;transition:box-shadow .25s;display:block}.card:hover{box-shadow:0 4px 16px #0000001a,0 12px 28px -12px #0000001a}.cardInner{border:1px solid #555;justify-content:space-between;align-items:center;margin:0;padding:1.5em 1em;display:flex;position:relative}.cardLabel{background:#fff;border-radius:2px;align-items:center;padding:0 .5em;font-size:.875em;line-height:2;display:flex;position:absolute;top:-1em;left:1em}.cardLabel:before{content:"";background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2218px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2218px%22%20fill%3D%22%23333%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M9%2016.2L4.8%2012l-1.4%201.4L9%2019%2021%207l-1.4-1.4L9%2016.2z%22%2F%3E%3C%2Fsvg%3E);width:18px;height:18px;margin-right:3px;display:inline-block}.cardLabel--ex:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2218px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2218px%22%20fill%3D%22%23333%22%3E%3Cpath%20d%3D%22M0%200h24v24H0V0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19%2019H5V5h7V3H5c-1.11%200-2%20.9-2%202v14c0%201.1.89%202%202%202h14c1.1%200%202-.9%202-2v-7h-2v7zM14%203v2h3.59l-9.83%209.83%201.41%201.41L19%206.41V10h2V3h-7z%22%2F%3E%3C%2Fsvg%3E)}.cardThumb{width:30%;margin:0}.cardFigure{width:100%;position:relative;overflow:hidden}.cardFigure img{object-fit:cover;width:100%;height:100%}.cardBody{width:66%;margin:0}.cardBody--ex{width:100%;margin:0}.cardTitle{font-weight:400;line-height:1.4;display:block}.cardExcerpt{display:none}@media (min-width:640px){.cardInner{padding:1.5em}.cardLabel{left:2em}.cardThumb{width:21%}.cardThumb+.cardBody{width:76%}}@media (min-width:768px){.cardExcerpt{display:initial;opacity:.8;margin-top:.5em;font-size:.8em;line-height:1.4}}