.swapCalculator{margin-top:60px;margin-bottom:80px}.swapCalculator__main{flex-wrap:wrap;gap:25px;margin-bottom:50px;display:flex}.swapCalculator__item{flex:1;position:relative}.swapCalculator__item.-amount .swapCalculator__input:after{content:"Lot"}.swapCalculator__item.-leverage{flex:.8}.swapCalculator__item.-netAssets .swapCalculator__input:after{content:"万円"}.swapCalculator__label{margin-bottom:5px}.swapCalculator__input{margin-bottom:1px;position:relative}.swapCalculator__input:after{content:"円";font-size:1.3rem;position:absolute;bottom:5px;right:10px}.swapCalculator__input input{appearance:none;box-sizing:border-box;border:1px solid #999;border-radius:0;width:100%;padding:10px}.swapCalculator__decrement button,.swapCalculator__increment button{cursor:pointer;appearance:none;color:#232323;background:#fff;border:1px solid #fff;border-radius:5px;padding:2px 10px;font-size:1.4rem;transition:background-color,all .3s}.swapCalculator__decrement button+button,.swapCalculator__increment button+button{margin-left:3px}.swapCalculator__increment{position:absolute;top:0;right:0}.swapCalculator__decrement{text-align:right;margin-left:auto;margin-right:0}.swapCalculator__select select{box-sizing:border-box;color:#232323;background:#fff;border-color:#999;border-radius:0;width:100%;height:42px;padding:6px 5px}.swapCalculator__btnArea{position:relative}.swapCalculator__resetBtn{margin:0;position:absolute;bottom:0;right:0}.swapCalculator__resetBtn input{cursor:pointer;appearance:none;color:#232323;background:#fff;border:1px solid #804209;border-radius:5px;width:160px;padding:7px 5px;font-size:1.6rem;transition:background-color,all .3s;box-shadow:1px 1px 5px #00000026}.swapCalculator__btn{text-align:center;margin:0 auto}.swapCalculator__btn button{cursor:pointer;appearance:none;color:#232323;background:#fff;border:1px solid #804209;border-radius:5px;width:340px;max-width:100%;padding:20px 15px;transition:background-color,all .3s;box-shadow:2px 2px 5px #00000040}.swapCalculator__btn button[disabled]{pointer-events:none;filter:grayscale(100);opacity:.5}.swapCalculator__btn.-save{text-align:left;margin-bottom:30px}.swapCalculator__btn.-save button{width:240px;padding:15px}.results{margin:0}.results__header{margin-bottom:30px}.results__header h2{margin-top:0}.results__header dl{flex-wrap:wrap;justify-content:space-between;gap:20px 40px;margin-bottom:50px;line-height:1.5;display:flex}.results__header dl .item ul{margin:0;padding:0;list-style:none}.results__header dl .item ul li{margin:0}.results__header dl dt{color:#804209;margin-bottom:5px;font-size:80%;font-weight:500}.results__header dl dd,.results__header p{margin:0}.results__simple{gap:5px;margin-bottom:2em}.results__simple .results__item:first-child h3,.results__simple .results__item:first-child span{position:relative}.results__groupBody{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:5px}.results__item{text-align:right;background:#fff;border-bottom:1px solid #ccc;flex-direction:row;align-items:center;gap:0 25px;padding:12px 15px;line-height:1.5;display:flex}.results__item.-header{background:#ffffffb3;padding-top:6px;padding-bottom:6px;position:sticky;top:0}.results__item.-header .results__rate{text-align:center}.results__item:nth-child(2n){background:#fafafae6}.results__item:hover{background:#fff5f5f2}.results__item.is-checked{color:#fff;background:#000000f2}.results__item.is-checked h3{color:#ccc}.results__item.is-checked .results__increase{color:#f39e51}.results__item h3{color:#666;text-align:right;width:60px;margin:0;font-size:1.6rem;font-weight:400}.results__item p{margin:0}.results__text{flex-flow:wrap;flex:1;align-items:center;gap:3px 20px;display:flex}.results__swap{text-align:right;border-left:1px dotted #999;width:9em;font-family:Copse,Noto Sans JP,游ゴシック,Yu Gothic,YuGothic,メイリオ,Meiryo,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,Verdana,Arial,sans-serif;font-weight:500}.results__sub{border-left:1px dotted #999;flex:1;align-items:center;gap:10px 25px;display:flex}.results__increase{color:#804209;width:6em;font-size:1.6rem}.results__leverage{border-left:1px dotted #999;width:5em;font-size:1.6rem}.results__rate{border-left:1px dotted #999;width:10em;font-size:1.6rem}.results__rate.-none{text-align:center}@media screen and (width<=940px){.swapCalculator__main{grid-template-columns:repeat(2,1fr);gap:25px 20px;margin-bottom:35px;display:grid}.swapCalculator__btn button{width:260px}}@media screen and (width<=768px){.swapCalculator{margin-bottom:50px}.swapCalculator__label label{font-size:1.6rem}.swapCalculator__decrement button,.swapCalculator__increment button{padding:2px 7px}.swapCalculator__btnArea{flex-direction:column-reverse;display:flex}.swapCalculator__resetBtn{text-align:right;margin:0 0 30px auto;position:static}.swapCalculator__resetBtn input{width:135px;max-width:85%;font-size:1.2rem}.swapCalculator__btn{margin:0}.swapCalculator__btn.-save{text-align:center}.swapCalculator__btn.-save button{width:200px}.results__header dl{justify-content:flex-start}.results__item{gap:0 10px;padding:12px 10px}.results__item h3{border-right:1px solid #aaa;width:auto;min-width:3em;padding-right:10px}.results__text{flex-direction:column;align-items:flex-start;gap:0 50px}.results__swap{border-left:0;width:auto}.results__sub{border-left:0;flex-wrap:wrap;gap:0 25px}.results__increase{width:auto}.results__leverage,.results__rate{border-left:0;width:auto}}@media screen and (width<=600px){.swapCalculator__label label{font-size:1.4rem}.results__simple,.results__groupBody{grid-template-columns:1fr 1fr}}@media screen and (width<=460px){.swapCalculator__main{gap:25px 20px}.swapCalculator__btn button{width:100%}.results__item h3{font-size:clamp(8px,3.2vw,12px)}.results__swap{text-align:left;font-size:clamp(10px,4.26667vw,16px)}.results__sub{gap:0 13px}.results__increase,.results__leverage,.results__rate{font-size:clamp(8px,3.2vw,12px)}}@media screen and (width<=340px){.swapCalculator__main{grid-template-columns:repeat(1,1fr);gap:20px}.swapCalculator__label label{font-size:1.2rem}.swapCalculator__input input{padding:8px}}@media screen and (width>=1750px){.swapCalculator__btn.-save{text-align:center}}@media (any-hover:hover){.swapCalculator__decrement button:hover,.swapCalculator__increment button:hover,.swapCalculator__resetBtn input:hover,.swapCalculator__btn button:hover{color:#fff;background-color:#804209}}