body{font-family: source-han-sans-japanese, sans-serif;font-weight: 300;font-style: normal;background-color:#FFF;}
main{display:flex;width:calc(100vw - 340px);padding-left:.8rem;}
a{text-decoration:none;color:#21638A;font-weight:500;}
nav.navbar>a{color:#fff;}
nav.navbar>a:hover{color:#ddd;}
article{margin:0 .5rem;min-height:100vh;width:calc(100vw - 780px)}
article.help-format{width: initial;}
article.wf-tips{width:calc(100vw - 580px)}
article.wf-index{width:calc(100vw - 400px);}
button {border-radius:0;text-transform:none;margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;}
button:focus:not(:focus-visible){outline:0;}
h1,h2,h3,h4,.h1,.h2,.h3,.h4{font-weight:500;}
h1,h2{font-size:1.4rem;}
h1.wf-step-blue{font-size:1.7rem;}
h1>small{font-weight:400;font-size:.87rem;color:#555;}
h2.wf-step-blue{font-size:1.6rem;color:#4B4B4B;}
h2.wf-category-title-left{position:relative;font-size:1.65rem;margin-top:2rem;}
h2.wf-category-title-left>span {font-family: 'Roboto', sans-serif;font-size:8rem;line-height: 1;position: absolute;bottom: -3rem;left: 0;color: rgb(34, 106, 148,0.2);}
h2.wf-category-title-left>span.wf-dark {font-family: 'Roboto', sans-serif;font-size:8rem;line-height: 1;position: absolute;bottom: -3rem;left: 0;color: rgb(110, 145, 166, 0.2);}
h2>small{font-weight:300;font-size:.67em;}
h3,.h3{font-size:1.25rem!important;}
h3>small{font-size:1rem;font-weight:300;}
h3 {padding-bottom: .5rem;}
.wf-onepoint>h3:after{content:initial;}
.wf-h3title-blue>h3{border-bottom: solid 3px #4B4B4B;margin-top:3rem;color:#4B4B4B;}
.wf-h3title-blue>h3:after{content:initial;}
h4{font-size:1.2rem!important;margin:3.5rem .5rem 0 0;}
h4.text-primary{border-left: solid 6px #4B4B4B;padding-left:.5rem;}
.wf-title-border{border-left: solid 6px #4B4B4B;padding-left:.5rem;}
h4.text-success{border-left: solid 6px #4B4B4B}
.h4{font-size:1.2rem!important;}
.wf-onepoint-blue>h4{color:#4B4A4B!important;}
h4>small{font-size:1rem;font-weight:300;color:#222;}
.wf-onepoint-blue>h4{border-left: solid 6px #4B4B4B;}
h5,.h5{margin:.3rem 0!important;font-weight:500;color:#111!important;font-size:1.05rem!important;}
h5>.badge.bg-outline-primary{font-size:.82rem;}
hr{color:#777;}
img,svg {vertical-align: middle;}
input{margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;}
kbd{margin:0 .2rem;padding: .2rem .4rem;font-size:.95em;border-radius: 0.2rem;color:#333;background-color:#fff;border:solid 1px #333;}
li{list-style: none;font-weight:400;}
li>span.badge{margin-right:6px;}
sup{color:#B55656;}
table {caption-side: bottom;border-collapse: collapse;}
tbody,tr,td,th{border-color: inherit;border-style: solid;border-width: 0;}
th{font-weight: 500!important;text-align: left;}
ul{padding-left:.5rem;margin-bottom:0rem;}

/*Bootstrap*/
.row {max-width:100%;--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(var(--bs-gutter-y) * -1);margin-right: calc(var(--bs-gutter-x) * -.5);margin-left: calc(var(--bs-gutter-x) * -.5);}
.row > * {box-sizing: border-box;flex-shrink: 0;width: 100%;max-width: 100%;padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);margin-top: var(--bs-gutter-y);}
.col {flex: 1 0 0%;}
.img-fluid {max-width: 100%;height: auto;}
.badge{display: inline-block;  padding: 0.35em 0.65em;  font-size:.8em;  font-weight: 400;  line-height: 1;  color: #fff;  text-align: center;  white-space: nowrap;  vertical-align: baseline;  border-radius: 0.25rem;}
.bg-blue{background-color:#4B4B4B!important;}
.bg-dark{background-color:#4B4B4B!important;}
.bg-info{background-color:#4F96CC!important;}
.bg-danger{background-color:#B12605!important;}
.bg-warning{background-color:#e39c18ff!important;}
.bg-primary{background-color:#4B4B4B!important;}
.bg-secondary{background-color:#d6d6d6!important;}
.bg-success{background-color:#dae7dd!important}
.bg-outline-blue{border:solid 1px #2b85ad!important;background-color:#fff!important;color:#2b85ad;}
.bg-outline-danger{border:solid 1px #B12605!important;color: #B12605!important;}
.bg-outline-primary{color:#4B4B4B!important;border:solid 1px #4B4B4B!important;background-color:#fff!important;}
.bg-outline-secondary{color:#ababab!important;border:solid 1px #aaa!important;background-color:#ddd!important;}
.bg-outline-success{color:#fff!important;border:solid 1px #016b14!important;background-color:#317c3c!important;}
.bg-outline-purple{color:#fff!important;border:solid 1px #3114C4!important;background-color:#5950DA!important;}
.bg-gradient-primary{background: #4f91bd;background: -moz-linear-gradient( #1779ad 0%, #4f91bd 100%);background: -webkit-linear-gradient( #1779ad 0%, #4f91bd 100%);background: linear-gradient( #1779ad 0%, #4f91bd 100%);}
.bg-gradient-danger{background: #f77245;background: -moz-linear-gradient( #e33517 0%, #f77245 100%);background: -webkit-linear-gradient( #e33517 0%, #f77245 100%);background: linear-gradient( #e33517 0%, #f77245 100%);}
.btn .badge{position: relative;  top: -1px;}
.btn{display: inline-block;  font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color:transparent; border:1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.btn-sm{padding: 0.25rem 0.5rem;font-size: 0.7rem;border-radius: 2rem;}
.btn-primary{color: #fff;  background-color: #4B4B4B;  border-color: #4B4B4B;border-radius:1.2rem;}
.btn-primary:hover{color: #999;  background-color: #4B4B4B;  border-color: #4B4B4B;font-weight:300!important;}
.btn-outline-primary{color:#4F96CC;  border-color:#4F96CC;}
.btn-outline-primary:hover{color: #fff;  background-color:#4F96CC;  border-color:#4F96CC;}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus{box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);}
.btn-outline-primary:disabled, .btn-outline-primary.disabled{color: #0d6efd;  background-color: transparent;border-radius:1.2rem;}
.btn-secondary{color: #ddd;  background-color: #444;  border-color: #444;border-radius:1.2rem;}
.btn-secondary:hover{color: #ddd;  background-color: #444;  border-color: #444;}
.btn-secondary>a{color:#ddd!important;}
.btn-secondary>a:hover{color:#ddd!important;}
.bottom-0{bottom: 0 !important;}
.border-end{border-right: 1px solid #dee2e6 !important;}
.border-bottom{border-bottom: 1px solid #dee2e6 !important;}

.breadcrumb {display: flex;flex-wrap: wrap;padding: 0 0;margin-bottom:3rem;list-style:none;}
.breadcrumb-item + .breadcrumb-item {padding-left: 0.5rem;}
.breadcrumb-item + .breadcrumb-item::before {float: left;padding-right: 0.5rem;color: #6c757d;content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;}
.breadcrumb-item.active {color: #6c757d;}
.card{position: relative;  display: flex;  flex-direction: column;  min-width: 0;  word-wrap: break-word;  background-color: #fff;  background-clip: border-box;  border: 1px solid #D5D5D5;border-radius:.5rem;}
.card >hr{margin-right: 0;  margin-left: 0;}
.card-body{flex: 1 1 auto;padding:.2rem .2rem .2rem .4rem;}
.card-body>a>h5{font-size:.9rem;font-weight:400;}
.card-body>a>li{font-weight:300;}
.card-body>a>p{color:#333!important;font-size:.8rem;}
.card-text{font-weight:300;font-size:.85rem;}
.card-text:last-child{margin-bottom: 0;}
.card>img{border-top-left-radius:calc(.5rem - 1px);border-top-right-radius:calc(.5rem - 1px);}
.card-img{border-bottom-right-radius: calc(0.25rem - 1px);border-bottom-left-radius:calc(0.25rem - 1px);}
.card-img,.card-img-top{width: 100%;height:158px;border-top-left-radius: calc(0.25rem - 1px);  border-top-right-radius: calc(0.25rem - 1px);}
.card.wf-point{border:none;padding:1rem .8rem 3rem .8rem;margin-bottom:.4rem;}
.col-lg-12.col-xl-6{padding:4rem 1.5rem;}
.col-md-12.col-lg-6{padding:4rem 1.2rem 3rem 1.2rem;}
.container,.container-fluid{width: 100%;padding-right: var(--bs-gutter-x, 0.75rem);padding-left: var(--bs-gutter-x, 0.75rem);margin-right: auto;margin-left: auto;}
@media (min-width: 768px) {.container {max-width: 720px;}}
@media (min-width: 992px) {.container {max-width: 960px;}}
@media (min-width: 1200px) {.container {max-width: 1140px;}}
@media (min-width: 1400px) {.container {max-width: 1320px;}}
@media (min-width: 768px) {.col-md-auto{flex: 0 0 auto;  width: auto;}.col-md-1{flex: 0 0 auto;  width: 8.33333333%;}.col-md-2{flex: 0 0 auto;  width: 16.66666667%;}.col-md-3{flex: 0 0 auto;  width: 25%;}.col-md-4{flex: 0 0 auto;  width: 33.33333333%;}.col-md-5{flex: 0 0 auto;  width: 41.66666667%;}.col-md-6{flex: 0 0 auto;  width: 50%;}.col-md-7{flex: 0 0 auto;  width: 58.33333333%;}.col-md-8{flex: 0 0 auto;  width: 66.66666667%;}.col-md-9{flex: 0 0 auto;  width: 75%;}.col-md-10{flex: 0 0 auto;  width: 83.33333333%;}.col-md-11{flex: 0 0 auto;  width: 91.66666667%;}.col-md-12{flex: 0 0 auto;  width: 100%;}}
@media (min-width: 992px) {.col-lg-auto{flex: 0 0 auto;  width: auto;}.col-lg-1{flex: 0 0 auto;  width: 8.33333333%;}.col-lg-2{flex: 0 0 auto;  width: 16.66666667%;}.col-lg-3{flex: 0 0 auto;  width: 25%;}.col-lg-4{flex: 0 0 auto;  width: 33.33333333%;}.col-lg-5{flex: 0 0 auto;  width: 41.66666667%;}.col-lg-6{flex: 0 0 auto;  width: 50%;}.col-lg-7{flex: 0 0 auto;  width: 58.33333333%;}.col-lg-8{flex: 0 0 auto;  width: 66.66666667%;}.col-lg-9{flex: 0 0 auto;  width: 75%;}.col-lg-10{flex: 0 0 auto;  width: 83.33333333%;}.col-lg-11{flex: 0 0 auto;  width: 91.66666667%;}.col-lg-12{flex: 0 0 auto;  width: 100%;}}
@media (min-width: 1200px) {.col-xl-auto{flex: 0 0 auto;  width: auto;}.col-xl-1{flex: 0 0 auto;  width: 8.33333333%;}.col-xl-2{flex: 0 0 auto;  width: 16.66666667%;}.col-xl-3{flex: 0 0 auto;  width: 25%;}.col-xl-4{flex: 0 0 auto;  width: 33.33333333%;}.col-xl-5{flex: 0 0 auto;  width: 41.66666667%;}.col-xl-6{flex: 0 0 auto;  width: 50%;}.col-xl-7{flex: 0 0 auto;  width: 58.33333333%;}.col-xl-8{flex: 0 0 auto;  width: 66.66666667%;}.col-xl-9{flex: 0 0 auto;  width: 75%;}.col-xl-10{flex: 0 0 auto;  width: 83.33333333%;}.col-xl-11{flex: 0 0 auto;  width: 91.66666667%;}.col-xl-12{flex: 0 0 auto;  width: 100%;}}
@media (min-width: 1400px) {.col-xxl-auto {flex: 0 0 auto;width: auto;}.col-xxl-1 {flex: 0 0 auto;width: 8.33333333%;}.col-xxl-2 {flex: 0 0 auto;width: 16.66666667%;}.col-xxl-3 {flex: 0 0 auto;width: 25%;}.col-xxl-4 {flex: 0 0 auto;width: 33.33333333%;}.col-xxl-5 {flex: 0 0 auto;width: 41.66666667%;}.col-xxl-6 {flex: 0 0 auto;width: 50%;}.col-xxl-7 {flex: 0 0 auto;width: 58.33333333%;}.col-xxl-8 {flex: 0 0 auto;width: 66.66666667%;}.col-xxl-9 {flex: 0 0 auto;width: 75%;}.col-xxl-10 {flex: 0 0 auto;width: 83.33333333%;}.col-xxl-11 {flex: 0 0 auto;width: 91.66666667%;}.col-xxl-12 {flex: 0 0 auto;width: 100%;}}
.container-fluid>div.row>.col-lg-3{margin-bottom:1rem;}
.end-0{right: 0 !important;}
.float-start{float:left;}
.float-end{float:right;}
.form-control {display: block;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;-webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.form-control-sm {min-height: calc(1.5em + (0.5rem + 2px));padding: 0.25rem 0.5rem;font-size: 0.95rem;}
.fs-1{font-size:.95rem!important;}
.fw-light{font-weight:300!important;}
.fw-normal{font-weight:400!important;}
.fw-bold,.fw-bolder{font-weight:600!important;}
.h-100 {height:100% !important;}
.mb-0{margin-bottom:0!important;}
.mb-05{margin-bottom:0.5rem!important;}
.mb-1{margin-bottom:1rem!important;}
.mb-2{margin-bottom:2rem!important;}
.mb-3{margin-bottom:3rem!important;}
.mb-4{margin-bottom:4rem!important;}
.mb-5{margin-bottom:5rem!important;}
.ms-0{margin-left:0!important;}
.ms-1{margin-left:.5rem!important;}
.ms-2{margin-left:1rem!important;}
.ms-3{margin-left:1.5rem!important;}
.ms-4{margin-left:2rem!important;}
.ms-5{margin-left:3rem!important;}
.me-0{margin-right:0!important;}
.me-1{margin-right:.5rem!important;}
.me-2{margin-right:1rem!important;}
.me-3{margin-right:1.5rem!important;}
.mt-0{margin-top:0!important;}
.mt-m25{margin-top:-2.5rem!important;}
.mt-05{margin-top:.5rem!important;}
.mt-1{margin-top:1rem!important;}
.mt-2{margin-top:2rem!important;}
.mt-3{margin-top:3rem!important;}
.mt-4{margin-top:4rem!important;}
.mt-5{margin-top:5rem!important;}
.mx-1{margin:0 .2rem!important;}
.mx-5{margin:1rem!important;}
.my-2{margin-top:2rem!important;margin-bottom:2rem!important;}
.my-4{margin-top:4rem!important;margin-bottom:4rem!important;}
.mx-auto {margin-right: auto !important;margin-left: auto !important;}
.nav{display: flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style: none;}
.nav-previous{float: right;}
.navbar{color:#bbb;font-size:.95rem;font-weight:400;background-color:#216a94;padding:.3rem 0;}
.navbar>p>a{font-size:.95rem;color:#ddd;font-weight:500;}
.navbar>p{margin:0 0 0 3rem;}
.navbar>p>img{margin-right:.3rem;}
.navbar-footer{color:#999;font-size:.9rem;background-color:#444;padding:.1rem 0 .3rem 0;text-align:center;margin-top:4rem;}
.navbar-header{position: fixed;z-index:999;top:0;width:100%;margin-bottom: 3rem!important;}
.navbar>p,.navbar>p>a{font-size:.9rem;color:#ddd;}
.navbar-nav{display: flex;  flex-direction: column;  padding-left: 0;  margin-bottom: 0;  list-style: none;}
.navbar-nav.nav-link{padding-right: 0;  padding-left: 0;}
.nav-link{border:none!important;color:#aaa;font-weight:500;}
.p-0{padding:0!important;}
.p-05{padding:.5rem!important;}
.p-1{padding:1rem!important;}
.p-2{padding:2rem!important;}
.p-3{padding:3rem!important;}
.pb-0{padding-bottom:0!important;}
.pb-1{padding-bottom:1rem!important;}
.pb-2{padding-bottom:2rem!important;}
.pb-3{padding-bottom:3rem!important;}
.ps-0{padding-left:0!important;}
.ps-1{padding-left:1rem!important;}
.ps-2{padding-left:2rem!important;}
.pt-0{padding-top:0!important;}
.pt-1{padding-top:1rem!important;}
.pt-2{padding-top:2rem!important;}
.pt-3{padding-top:3rem!important;}
.pt-0{padding-top:0rem!important;padding-bottom:0rem!important;}
.px-1{padding-left:1rem!important;padding-right:1rem!important;}
.py-1{padding-top:1rem!important;padding-bottom:1rem!important;}
.py-2{padding-top:2rem!important;padding-bottom:2rem!important;}
.position-absolute{position: absolute !important;}
.start-0{left: 0 !important;}
.table {--bs-table-bg: transparent;--bs-table-accent-bg: transparent;--bs-table-striped-color: #212529;--bs-table-striped-bg: rgba(0, 0, 0, 0.05);--bs-table-active-color: #212529;--bs-table-active-bg:#e9f1ee;--bs-table-hover-color: #212529;--bs-table-hover-bg: rgba(0, 0, 0, 0.075);width: 100%;margin-bottom: 1rem;color: #212529;vertical-align: top;border-color: #dee2e6;}
.table > :not(caption) > * > * {padding: 0.5rem 0.5rem;background-color: var(--bs-table-bg);border-bottom-width: 1px;box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);}
.table > tbody {vertical-align: inherit;}
.table > thead {vertical-align: bottom;}
.table > :not(:last-child) > :last-child > * {border-bottom-color: currentColor;}
.table-sm > :not(caption) > * > * {padding: 0.25rem 0.25rem;}
.table-bordered{border-color:#a9b9c9!important}
.table-bordered > :not(caption) > * {border-width: 1px 0;}
.table-bordered > :not(caption) > * > * {border-width: 0 1px;}
.table-striped > tbody > tr:nth-of-type(odd) {--bs-table-accent-bg: var(--bs-table-striped-bg);color: var(--bs-table-striped-color);}
.table-active {--bs-table-accent-bg: var(--bs-table-active-bg);color: var(--bs-table-active-color);}
.table-responsive {overflow-x:auto;-webkit-overflow-scrolling: touch;}
.top-0{top: 0 !important;}
.text-center{text-align: center !important;}
.text-left{text-align: left!important}
.text-right{text-align: right!important;}
.text-break{word-wrap: break-word !important;  word-break: break-word !important;}
.text-danger{color: #B12605 !important;}
.text-info{color:#0f76a6!important;}
.text-warning{color:#FFB236!important;}
.text-success{color:#4B4B4B!important;}
.text-primary{color:#4B4B4B!important;}
.text-purple{color:#A61F69!important;}
.text-white{color:#FFF!important;}
.text-pink{color:#EC6FA7!important;}
.text-dark{color:#333!important;}
.text-secondary{color:#5e5e5e!important;}
.wf-amazon-section{margin:.5rem .1rem 0 .1rem;padding-right:.7rem;}
.wf-adsense-card-area>li{color:#777;list-style:initial;}
.wf-adsense-card-text{max-width:500px;text-align:left;margin-left:1rem;}
.wf-adsense-card-image{float:right;margin-top:1rem;}
.wf-adsense-section{margin:1.5rem 0;text-align:center;}
.wf-adsense-card-area{background-color:#fff;border:solid 1px #ddd;border-radius:.35rem;margin:.4rem 0;padding:1rem;width:100%;}
.wf-answer-section{padding:2.5rem 2.5rem 1.5rem 2.5rem;}
.wf-answer-section-blue{padding:.5rem 2.5rem 1.5rem 2.5rem;}
.wf-answer-section>p{font-size:.95rem;font-weight:300!important;margin-top: 1rem;}
.wf-answer-section>li:before{content:'';width:4px;height:4px;display:inline-block;border-radius:100%;background:#21638A;position:relative;left:-5px;top:-3px;margin:0 1rem;}
.wf-answer-section-blue>li:before{content:'';width:4px;height:4px;display:inline-block;border-radius:100%;background:#21638A;position:relative;left:-5px;top:-3px;margin:0 1rem;}
.wf-avatar-section{margin-bottom:1.5rem;margin-top:3.5rem;}
.wf-avatar-section-blue{margin-bottom:1.5rem;}
.wf-avatar-section>.row{margin-top:4rem;}
.wf-avatar-hint-section{margin:2rem 0;}
.wf-avatar-img{border-radius:50%;border:solid 1px #CCC;margin:1.2rem .5rem 1.5rem 0;}
.wf-avatar-img-blue{border-radius:50%;border:solid 1px #CCC;margin:0 .5rem 1.5rem 0;}
.wf-avatar-section>img{float:left;}
.wf-avatar-section>p{font-size:.95rem;padding-top:1.5rem;font-weight:400;}
.wf-avatar-section>li{font-size:.95rem;font-weight:300;}
.wf-avatar-section>ul{border: solid 1px #dedede;border-radius:.2rem;background-color:#F5FBFB;padding-inline-start: 5px;padding:1.2rem;margin-top:2rem;}
.wf-avatar-section>ul>li{font-size:.95rem;color:#333;}
.wf-avatar-section>ul>li:before{content:'';width:4px;height:4px;display:inline-block;border-radius:100%;background:#21638A;position:relative;left:-5px;top:-3px;margin:0 1rem;}
.wf-avatar-text{font-size:.8rem;}
.wf-border-bottom{border-bottom:solid 3px #4B4B4B;}
.wf-btn-cmd{line-height:1!important;padding:.2rem .5rem!important;font-size: .9rem!important;}
.wf-btn-copy{color:#fff;background-color:#226A94;width:5rem;height:1.75rem;font-size:.9rem;border-radius:0;}
.wf-btn-copy:hover{background-color:#00B1F5;color:#fff!important;font-weight:500;}
.wf-btn-copy:active{background-color:#00B1F5;}
.wf-content-area{margin:.7rem 0;padding:2.5rem;}
.wf-content-area>h2{margin-top:1rem;}
.wf-card-amazon{border:solid 1px #D5D5D5;border-radius:0;width:300px;height:100px;margin-bottom:.3rem;}
.wf-card-amazon>p{font-size:.9rem;position:absolute!important;margin:1.4rem 0 0 1rem!important;}
.wf-card-amazon>p>a{font-weight:300!important;}
.wf-card-amazon>p>a>small{color:#8B8B8B;}
.wf-card-amazon>a>img{float:right;margin-right:1rem;}
.wf-card-terminal{color:#fff;background-color:#002456;width:100%;border-radius:0.2rem;display:inline-block;position:relative;margin:.8rem 0 1rem 0;font-family:Arial;font-weight:300;padding:.5rem;}
.wf-card-terminal>p{margin-bottom:0;color:#fff!important;font-weight:500;}
.wf-category-section>li{font-size: .95rem;}
.wf-category-section{margin:2rem .2rem .5rem .2rem;}
.wf-category-index{display:flex;text-align:center;}
.wf-category-page-area{width:100%;min-height:100vh;padding:.5rem 1.2rem 1rem 1.2rem;margin-right:1rem;}
.wf-callout {padding: .85rem;margin:3.25rem 0;border: 1px solid #dad8d8;border-radius:.35rem}
.wf-callout>p{font-weight:400;margin-bottom:.3rem;font-size: .95rem;}
.wf-callout>li{font-weight:400;font-size:.95rem;}
.wf-callout>ul>li{font-weight:400;font-size:.95rem;}
.wf-amazon-section>div>.wf-callout{background-color:#FEEDE3!important;border-color:#E3D2C2;text-align:left;padding: .5rem .5rem .5rem 1rem ;border-left-color: #ec7233!important;}
.wf-amazon-section>div>.wf-callout-info>li:before{content: initial;}
.wf-amazon-section>div>.wf-callout-info>li>a{color:#BD230D!important;}
.wf-callout-info{border:none;background-color:#adadad40;margin-bottom:1rem;margin-top:0rem;}
.wf-callout-success{border:none;background-color:#cbdec4;margin-bottom:1rem;margin-top:0rem;}
.wf-callout-warning{border:solid 1px #e39c17;background-color:#EDEBBA;margin-bottom:1rem;margin-top:0rem;}
.wf-callout-danger{border:none;background-color:#f6d6cdff;margin-bottom:1rem;margin-top:0rem;}
.wf-callout-secondary{border:none;background-color:#E8E8E8;margin-bottom:1rem;margin-top:0rem;}
.wf-callout-dark{border:solid 1px #999;background-color:#E8E8E8;margin-bottom:1rem;margin-top:0rem;}
.wf-category-card{max-width:440px;min-height:57px;border:solid 1px #ccc;background-color:#fff;border-radius:.2rem;margin:1rem 1rem 0 .2rem;}
.wf-category-card>p>img{border-radius:5px;border:solid 1px #CCC;margin:.3rem;}
.wf-category-contents{padding-left:1rem;}
.wf-category-rcard{height:53px;border:solid 1px #D5D5D5;background-color:#fff;border-radius:.2rem;margin:.5rem .5rem 1rem .5rem;padding-right: .2rem;}
.wf-category-rcard>a>p>img{border-radius:5px;border:solid 1px #CCC;margin:.3rem 1rem .3rem .3rem;}
.wf-category-rcard>a>p.wf-category-text{margin-top:.6rem;font-size:1rem;}
.wf-category-text>button{margin:-.4rem 1rem 0 0;border-radius: 20px;font-size: .9rem;}
.wf-category-text{font-size:1rem;display:block;margin-top:1rem;}
.wf-category-text>a{vertical-align:middle;}
.wf-display-area{display:flex;}
.wf-display-area-dark{display:flex;}
.wf-external-link-section{margin:2rem.2rem 0rem .2rem;}
.wf-help-contents-area{padding:4rem 2rem;}
.wf-help-contents-area>ul>li{font-size:.95rem;font-weight:400;}
h1.wf-help-title{font-size:1.75rem;letter-spacing:0em!important;padding-top:.5rem;}
.wf-index-section{margin:0 0 .7rem 0;padding:.65rem 0rem;position: sticky;position: -webkit-sticky;top:3rem;}
.wf-index-section-us{margin:0 0 .7rem 0;padding:.65rem 0rem;position: sticky;position: -webkit-sticky;top:3rem;}
.wf-index-section>li,.wf-index-section>p,.wf-index-section>p>a{padding-left:.5rem;}
.wf-index-section>div.wf-adsense-section{width:300px!important;margin: auto;margin-top:2rem;}
.wf-icon-img{border-radius:50%;border:solid 1px #CCC;margin:0 .3rem;}
.wf-index-section>li>span{margin:.8rem 0 0 .2rem;}
.wf-index-section>li{color:#333;font-size:.95rem;font-weight:500;padding-top: .5rem;}
.wf-index-section>li>a{font-weight:400!important;}
.wf-index-section>p,.wf-index-section>ul>li{border-bottom:solid 1px #ddd;font-size:.95rem;margin-top:.6rem;margin-bottom:.4rem;padding:.1rem 0;}
.wf-index-section>p:hover,.wf-index-section>ul>li:hover{background-color:#efefef;}
.wf-index-section>p>a,.wf-index-section>ul>li>a{font-weight:400!important;font-size:.82rem;}
.wf-index-section>p>a:hover,.wf-index-section>ul>li>a:hover{color:#226A94}
.wf-include-info-section>p{font-size:.8rem;margin-bottom:0;}
.wf-link-card{max-width:440px;height:57px;border:solid 1px #ccc;background-color:#f0f8ff;border-radius:.2rem;margin:3rem 0 1rem .2rem;}
.wf-link-card>img{border-radius:5px;border:solid 1px #CCC;margin:.3rem;}
.wf-link-card>p>a{color:#444;font-size:.82rem;padding-top:.2rem;font-weight:300;}
.wf-link-card>p>a>span{font-size:.9rem;font-weight:500;}
.wf-menu-section{position: sticky;position: -webkit-sticky;top:3rem;}
.wf-menu-section-dark{position: sticky;position: -webkit-sticky;top:3rem;}
.wf-menu-area{margin:2rem .2rem 0 .2rem;text-align:center;}
.wf-menu-area-category{margin:3rem .2rem;}
.wf-menu-item{padding:.5rem .35rem;margin-bottom:.4rem;}
.wf-menu-item>a>p,.wf-menu-item>p{color:#222;font-size:.7rem;font-weight:300;margin-top:3px;margin-bottom:0;}
.wf-menu-item>a>img{margin:0 1rem;}
.wf-menu-item.active>a>p,.wf-menu-item.active>p{padding-bottom:.4rem;border-bottom:solid 4px #28A7E1;color:#222;}
.wf-menu-item>button{border:none;background-color: initial;}
.wf-onepoint{border: solid 1px #4B4B4B;border-radius:.7rem;padding:1rem;margin-top:4rem;background-color:#E8E8E8;}
.wf-onepoint>p,.wf-onepoint>li,.wf-onepoint>ul>li{font-size: .95rem;}
.wf-onepoint>img.wf-avatar-img{margin-top: .2rem;}
.wf-onepoint-list{border: solid 1px #21638A;border-radius:.35rem;padding:1rem;background-color:#F0F3F4;}
.wf-onepoint-blue{border: solid 1px #4B4B4B;background-color:#E8E8E8;padding:.2rem 1rem 1rem 1rem;margin-top:2rem;}
.wf-onepoint-red{border: solid 1px #FF6363;background-color:#f5cece;padding:1rem;margin-top:2rem;}
.wf-onepoint-yellow{border: solid 1px #e39c17;background-color:#fbefd5;padding:1rem;margin-top:2rem;}
.wf-onepoint-dark{border: solid 1px #4B4B4B;border-radius:.5rem;background-color:#e8e8e8;padding:.2rem 1rem 1rem 1rem;margin-top:2rem;}
.wf-onepoint-red-area{padding:0 .5rem 0 1.5rem;}
.wf-onepoint-red>p{margin-bottom:0;}
.wf-onepoint-yellow-area{padding:0 .5rem 0 1.5rem;}
.wf-onepoint-yellow>p{margin-bottom:0;color:#d6910f;}
.wf-onepoint-sky{border: solid 1px #4B4B4B;background-color:#E8E8E8;padding:1rem;margin-top:2rem;}
.wf-onepoint-sky-area{padding:0 .5rem 0 1.5rem;}
.wf-onepoint-sky>p{margin-bottom:0;}
.wf-iphone-step-section-pc{border:solid 1px #D5D5D5;border-radius:.35rem;padding:2.5rem 1.2rem 1rem 1.2rem;margin-bottom: .7rem;}
.wf-point{width:180px;min-height:120px;text-align:center;margin:0 2rem;}
.wf-point>p{color:#367094;font-size:.75rem;}
.wf-question{float: left;margin-right: 1rem;}
.wf-question-blue{margin-top: -2rem;}
.wf-question-red{float:left;margin-left:-2.8rem;margin-right:.8rem;margin-top:-0.3rem;}
.wf-question-yellow{float:left;margin-top:-2rem;}
.wf-question-sky{float:left;margin-left:-2.8rem;margin-right:.8rem;margin-top:-0.3rem;}
.wf-supplementary-area{margin:.4rem 0;padding:2rem;}
.wf-side-adsense-area{right:0;width:340px;}
.wf-side-adsense-section{position: sticky;position: -webkit-sticky;top:3rem;height:250px!important;}
.wf-side-adsense-bottom-section{position: sticky;position: -webkit-sticky;top:310px;margin-top:.5rem;}
.wf-step{font-size:4rem;line-height:1;font-weight:300;float:left;margin: -0.92rem 0 0 -0.5rem;display:block;transform:scale(.5,1);}
.wf-step-tips{font-size:2.8rem!important;}
.wf-select{color:#111;font-size:2rem;line-height:1;float:left;margin: -0.3rem 0 0 -0.5rem;display:block;transform:scale(.8,1);}
.wf-step-end{padding:2rem 1rem 1rem 0rem;}
.wf-step-end>p>a{color:#21638A;font-weight:300;}
.wf-supplementary-area>li{color:#21638A;font-weight:300;list-style: initial;}
.wf-supplementary-area>p{font-weight:300;}
.wf-start-section>li{font-size:.9rem;list-style:none;}
.wf-start-section>li:before{content:'';width:4px;height:4px;display:inline-block;border-radius:100%;background:#21638A;position:relative;left:-5px;top:-3px;margin-left:.5rem;}
.wf-text{color:#222;padding:2px;margin:-1px;border:solid 2px #b55656;background-color:#e4bdbd;display:inline-block;font-weight:500;}
.wf-text-header-info{margin-bottom:0;color:#fff;float:right;margin-right:3rem;}
.wf-text-header-info>img{margin:0 .4rem .1rem 0;}
.wf-text-header-info>a{color:#fff;font-size:.8rem;text-align:right;}
.wf-text-header-info>a:hover{color:#fff;font-weight:500;margin-left:.1rem;}
.wf-title-area{margin:0 .1rem 0 .1rem;}
.wf-title-area-help{width:420px;margin:0 .1rem 0 .1rem;}
.wf-title-area-tips{width:550px;}
.wf-title-second{background-color:#e7eced;}
.wf-title-section{width:350px;background-color:#E8E8E8;border:solid 1px #4B4B4B;border-radius:.35rem;padding:2.5rem 1.2rem 1rem 1.2rem;margin-bottom: .7rem;}
.wf-title-section-blue{background-color:#E8E8E8;border:solid 2px #4B4B4B;border-radius:.35rem;padding:0 1.2rem 1rem 1.2rem;margin-bottom: .7rem;width:350px;}
.wf-title-section>span{margin:1rem 0 0 .2rem;}
.wf-title-section>li{font-size:.9rem;margin-top:3rem;font-weight:400;color:#444;}
.wf-title-section-blue>li{font-size:.9rem;color:#444;}
.wf-title-section>p{font-size:.9rem;margin-top:.2rem;color:#444;font-weight:400;}
.wf-title-section-blue>p{font-size:.9rem;color:#444;}
.wf-under{border-bottom:dotted 2px #21638A!important;}
/*tab*/
.wf-tab{display:flex;flex-wrap:wrap;margin-top:4rem;}
.wf-tab-label,.wf-tab-switch:checked~.wf-tab-switch:last-of-type+.wf-tab-label{color:#aaa!important;margin-right:1rem;padding:.2rem 2rem;border-bottom-color:#F5F5F5!important;}
.wf-tab-label{order: -1;}
.wf-tab-content,.wf-tab-switch:checked~.wf-tab-content:last-of-type { width: 100%;display: none;}
.wf-tab-switch:checked+.wf-tab-label,
.wf-tab-label:last-of-type{color:#333!important;font-weight:500;border-bottom: solid 4px #B55656!important;margin-top:0;}
.wf-tab-switch:checked+.wf-tab-label+.wf-tab-content,
.wf-tab-content:last-of-type {display: block;}
.wf-tab-order .wf-tab-label:last-of-type {order: -2;}
.wf-tab-switch {display: none;}
/*tab-index*/
.wf-tab-top{display:flex;flex-wrap:wrap;}
.wf-tab-label-top,.wf-tab-switch-top:checked~.wf-tab-switch-top:last-of-type+.wf-tab-label-top{color:#aaa!important;margin-right:1rem;padding:.6rem 2rem .5rem 2rem;border-bottom-color:#fafafa!important;border:none;text-align:center;}
.wf-tab-label-top{order: -1;font-size: .7rem;font-weight:300;}
.wf-tab-content-top,.wf-tab-switch-top:checked~.wf-tab-content-top:last-of-type {margin-top: 5rem;width: 100%;display: none;}
.wf-tab-switch-top:checked+.wf-tab-label-top,
.wf-tab-label-top:last-of-type{color:#333!important;font-weight:400;font-size:.7rem;border-bottom: solid 4px #28A7E1!important;margin-top:0;text-align:center;padding:.6rem 1.6rem .5rem 1.6rem;border: solid 1px #ddd;}
.wf-tab-switch-top:checked+.wf-tab-label-top+.wf-tab-content-top,
.wf-tab-content-top:last-of-type {display: block;}
.wf-tab-order-top .wf-tab-label-top:last-of-type {order: -2;}
.wf-tab-switch-top {display: none;}
/*丸数字*/
.wf-number {padding: 0px;margin: 0px;list-style: none;counter-reset: list_number;}
.wf-number > li {position: relative;padding: 0px 0px 0px 2em;counter-increment: list_number;margin-bottom:8px;font-size: .95rem;font-weight:400;}
.wf-number > li::before {display: flex;justify-content: center;align-items: center;position: absolute;top: 50%;left: 0px;transform: translateY(-50%);width: calc(1.1em);height: calc(1.1em);background-color:#4B4B4B;color: #fff;font-size:16px;border-radius: 50%;text-align: center;line-height: 1;content: counter(list_number);}
.wf-number > li + li {margin: 1em 0px 0px;}
.wf-onepoint-blue>ul.wf-number>li:before{background-color:#4B4A4B;}
/*箇条書き*/
li.wf-list{list-style-type: none;color:#21638A;font-size:1.05rem;margin:2rem 0 1.5rem 0;border-bottom: 2px dotted #21638A;}
li.wf-list:before {content: '';width: 8px;height: 8px;display: inline-block;border-radius: 100%;background:#21638A;position: relative;margin-right: 1rem;top: -2px;}
/*モーダル*/
.modal {display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: auto;background: rgba(0, 0, 0, 0.8);z-index: 99999;animation-name: show;animation-duration: 0.5s;overflow-y: auto;overflow-y: scroll;}
.modal-content {position: relative;background-color:#ECF0F4;margin: 35px auto;border: 5px solid #2292D4;border-radius: 15px;min-height:95%;width:95%;}
@keyframes show {0% {display: none;opacity: 0;}100% {display: block;opacity: 1;}}
.modal-header {padding: 12px;color: #333;margin-top:2rem;margin-bottom:8rem;text-align: center;}
.modal-body {padding: 12px;}
.modal-body>div>div>div>p>a {color:#333;font-weight:400;}
.wf-close {color: #fff;background-color:#21638A;border-radius:18px;font-size: 16px;}
.btn-menu{line-height:1.2;border-radius:15px;font-size:14px;}
.menu-text{font-weight:400;font-size:1.1rem;}
.wf-category-stripe{background-color:#E3E6E7;padding:1rem;}
h2.wf-category-title {position: relative;padding: 1rem .5rem;margin:1rem 1rem 2rem 1rem ;}
h2.wf-category-title:after {position: absolute;bottom: 0;left: 0;width: 92%;height: 3px;content: '';border-radius: 3px;background-image: -webkit-gradient(linear, right top, left top, from(#2af598),to(#009efd));background-image: -webkit-linear-gradient(right, #21638A 0%, #5BC0DE 100%);background-image: linear-gradient(to left, #21638A 0%, #5BC0DE 100%);}
/* ツールチップ */
.wf-tooltip {position: relative;display: inline-block;border-bottom: 1px dotted black;}
.wf-tooltip .wf-tooltiptext {visibility: hidden;min-width:300px;background-color: black;color: #fff;padding:10px;border-radius: 6px;position: absolute;z-index: 1;bottom:125%;left: 50%;margin-left:-60px;}
.wf-tooltip:hover .wf-tooltiptext {visibility: visible;}
/*吹き出し*/
.wf-balloon {position: relative;display: inline-block;margin: .5em 15px .5em 0;padding: 7px 10px;min-width: 120px;max-width: 100%;color: #555;font-size: 16px;background: #555;border-radius: 1.2rem .9rem .9rem 1.2rem;}
.wf-balloon:before {content: "";position: absolute;top: 50%;left: 96%;margin-top: -15px;border: 15px solid transparent;border-left: 14px solid #555;}
.wf-balloon p {margin: 0;padding: 0 1rem;color: #fff;font-weight: 400!important;}
.wf-balloon-info {position: relative;display: inline-block;margin: .5em 15px .5em 0;padding: 7px 10px;min-width: 120px;max-width: 100%;color: #5faae3;font-size: 16px;background: #5faae3;border-radius: 1.2rem .9rem .9rem 1.2rem;}
.wf-balloon-info:before {content: "";position: absolute;top: 50%;left: 99%;margin-top: -15px;border: 15px solid transparent;border-left: 14px solid #5faae3;}
.wf-balloon-info p {margin: 0;padding: 0 1rem;color: #fff;font-weight: 400!important;}
.wf-balloon-left {position: relative;display: inline-block;margin: 0 0 1.5em 15px;padding: 7px 10px;min-width: 120px;max-width: 100%;color: #555;font-size: 16px;background: #FFF;border: solid 1px #555;box-sizing: border-box;border-radius: .6rem 1.2rem 1.2rem .6rem;}
.wf-balloon-left:before {content: "";position: absolute;top: 50%;left: -24px;margin-top: -12px;border: 12px solid transparent;border-right: 12px solid #FFF;z-index: 2;}
.wf-balloon-left:after {content: "";position: absolute;top: 50%;left: -28px;margin-top: -14px;border: 14px solid transparent;border-right: 14px solid #555;z-index: 1;}
.wf-balloon-left p {margin: 0;padding: 0;}
/*アコーディオン*/
.wf-accordion {
margin: 0em auto;
max-width: 60vw;
}
.wf-accordion-toggle {
display: none;
}
.wf-accordion-option {
position: relative;
margin-bottom: 1em;
}
.wf-accordion-title,
.wf-accordion-content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.wf-accordion-title {
border: solid 1px #ccc;
padding: .5em;
display: block;
color: #555;
}
.wf-accordion-title::after,
.wf-accordion-title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.wf-accordion-title::after {
transform: rotate(90deg);
}
.wf-accordion-content {
max-height: 0;
overflow: hidden;
}
.wf-accordion-content p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}
.wf-accordion-toggle:checked + .wf-accordion-title + .wf-accordion-content {
max-height: 800px;
transition: all 1.5s;
}
.wf-accordion-toggle:checked + .wf-accordion-title::before {
transform: rotate(90deg) !important;
}

/*バージョン3.0用*/
main.wf-theme-main-area{background-color:#F5F5F5;width:calc(80vw - 360px);border-right: solid 1px #EAEAEA;margin:0 auto;}
main.help-format{width:initial;}
nav.wf-theme-index{width:300px;border-right:solid 2px #EAEAEA;background-color:#fff;}
.wf-theme-display-area{border-top:solid 2px #EAEAEA;}
.wf-theme-contents-area{display:flex;background-color:#FFF;border-top:solid 2px #EAEAEA;border-bottom:solid 2px #EAEAEA;}
.wf-theme-side-adsense-area{padding-left:1rem;}
p.wf-theme-list{list-style-type: none;font-size:1.05rem;margin:2rem 0 1.5rem 0;border-bottom: 2px dotted #555;}
p.wf-theme-list:before {content: '';width: 8px;height: 8px;display: inline-block;border-radius: 100%;background:#555;position: relative;margin-right: 1rem;top: -2px;}
.wf-theme-card-terminal{background-color:#222;width:100%;border-radius:0.2rem;display:inline-block;position:relative;margin:0;}
.wf-theme-card-terminal>p{font-family:Arial;padding:.1rem .1rem .1rem .5rem;margin-bottom:0;color:#fff!important;font-weight:500;}
.wf-accordion-menu{border:initial;font-size:.95rem;margin-left:.5rem;}

@media (prefers-reduced-motion: reduce){.btn{ transition: none;}}
@media screen and (max-width:1366px){
main{display:initial;width:initial;margin-right:0;}
.wf-theme-index{display:none;}
main.wf-theme-main-area{width: 100%;}
article{width: initial;}
article.wf-index{display:initial;width:100%;}
.wf-display-area{display:flex;}
.wf-display-area-dark{display:flex;}
.wf-theme-contents-area{width: calc(100vw - 350px);}
.wf-card-amazon{margin-right:.3rem;}
.wf-menu-area,.wf-menu-section{display:none;}
.wf-menu-area-md{display:none;}
.wf-title-area{margin-right:0;}
.wf-answer-section,.wf-adsense-section,.wf-content-area,.wf-supplementary-area{margin-right:0;}
article>.wf-adsense-section{width: calc(100vw - 360px);}
.wf-side-adsense-area{width:340px!important;display:block;position: static;padding:1rem 0;}
.wf-amazon-section{width:340px;}
.wf-side-adsense-section{width: initial;height: inherit;}
.wf-side-adsense-bottom-section{display:flex;margin-top:.5rem;}

.wf-amazon-associate{display: block;text-align: center;}
.wf-title-section{width: initial;}
.wf-title-section-blue{width:initial;}

}
@media screen and ( max-width:1024px) {
main{display:initial;}
article{display:initial;}
article.wf-index{display:initial;width:100%;}
.wf-theme-index{display:none;}
main.wf-theme-main-area{width: 100%;}
.wf-display-area{display:initial;margin-right:0px;}
.wf-menu-area,.wf-menu-section{display:none;}
.wf-title-area{width:initial;}
.wf-title-area-tips{width:300px;}
.wf-title-section{width:initial;}
.wf-title-section-blue{width:initial;}
nav.wf-theme-index{width:250px;}
.wf-index-section>div.wf-adsense-section{max-width:100%;}
.wf-category-text{font-size:.82rem!important;}
.wf-category-text>button{display:none;}
.wf-category-rcard{margin:1rem .3rem;}
.wf-amazon-section{display: none;}
.wf-wide-initial{width:initial;}
.wf-theme-contents-area{width: initial;}
}

@media screen and ( max-width:576px) {
h2.wf-category-title-left{padding-top: 2rem;}
main.wf-category-contents>div.container-fluid{padding-left:1rem;}
.wf-menu-area{display: none;}
.wf-amazon-associate{display: none;}
}


@media screen and (max-width:1366px){


    }
    
    @media screen and ( max-width:1024px) {
    .wf-theme-index{display:none;}
    main.wf-theme-main-area{width: 100%;}
    }