.swapCalculator{margin-top:60px}.swapCalculator__main{flex-wrap:wrap;gap:25px;margin-bottom:50px;display:flex}.swapCalculator__item{position:relative}.swapCalculator__item:after{content:"円";font-size:1.3rem;position:absolute;bottom:5px;right:10px}.swapCalculator__item.-rate,.swapCalculator__item.-swapMin,.swapCalculator__item.-swapMax,.swapCalculator__item.-amount{flex:1}.swapCalculator__item.-amount:after{content:"Lot"}.swapCalculator__item.-netAssets{flex:1.3}.swapCalculator__item.-netAssets:after{content:"万円"}.swapCalculator__item label{margin-bottom:5px;display:block}.swapCalculator__item input{appearance:none;box-sizing:border-box;border:1px solid #aaa;width:100%;padding:10px}.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:180px;padding:7px 5px;font-size:1.6rem;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;box-shadow:2px 2px 5px #00000040}.rate{margin-top:70px}.rate dl{flex-wrap:wrap;display:flex}.rate dl dt{margin:0}.rate dl dt:after{content:"："}.rate dl dd{margin:0;font-weight:700}#results{grid-template-columns:repeat(1,1fr);gap:20px 25px;margin:40px auto 0;display:grid}#results>div{flex-direction:column;align-items:flex-start;display:flex}#results h2{margin:0 0 5px;font-size:1.8rem}#results .body{width:100%}#results .totalSwap{box-sizing:border-box;grid-template-columns:2fr 1fr;gap:5px;margin:0;padding:0;font-family:Copse,Noto Sans JP,游ゴシック,Yu Gothic,YuGothic,メイリオ,Meiryo,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,Verdana,Arial,sans-serif;line-height:1.6;list-style:none;display:grid}#results .totalSwap__item{background:#fff;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding:25px 20px 6px;font-size:2rem;display:flex;position:relative}#results .totalSwap__item.-MinMax{border-radius:5px 0 0 5px;gap:20px 15px}#results .totalSwap__item.-Average{border-radius:0 5px 5px 0;gap:0}#results .totalSwap__item.-Average:before{content:"Average";color:#006400;font-size:1.2rem;position:absolute;top:7px;left:15px}#results .totalSwap__min,#results .totalSwap__max{flex-wrap:wrap;align-items:center;display:flex;position:relative}#results .totalSwap__min:before,#results .totalSwap__max:before{font-size:1.2rem;position:absolute;top:-17px;left:-5px}#results .totalSwap__min:before{content:"Min";color:#8b0000}#results .totalSwap__max:before{content:"Max";color:#00008b}#results .annualReturn{margin-left:5px;font-size:1.5rem}#results .annualReturn:before{content:"("}#results .annualReturn:after{content:")"}@media screen and (width<=1024px){.swapCalculator__item label{font-size:1.6rem}}@media screen and (width<=940px){.swapCalculator__main{grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:35px;display:grid}.swapCalculator__btn button{width:260px}#results .totalSwap{grid-template-columns:repeat(1,1fr)}#results .totalSwap__item.-MinMax{border-radius:5px 5px 0 0}#results .totalSwap__item.-Average{border-radius:0 0 5px 5px}}@media screen and (width<=768px){.swapCalculator__btnArea{flex-direction:column-reverse;display:flex}.swapCalculator__resetBtn{text-align:right;margin:0 0 30px auto;position:static}.swapCalculator__resetBtn input{width:150px;max-width:85%;font-size:1.4rem}#results .totalSwap__item{font-size:1.8rem}#results .annualReturn{font-size:1.3rem}}@media screen and (width<=600px){.swapCalculator__item label{font-size:1.4rem}#results .totalSwap__item.-MinMax{flex-direction:column;align-items:flex-start}#results .totalSwap__to{display:none}}@media screen and (width<=460px){.swapCalculator__main{gap:25px 15px}}@media screen and (width<=340px){.swapCalculator__main{grid-template-columns:repeat(1,1fr);gap:20px}.swapCalculator__item label{font-size:1.2rem}.swapCalculator__item input{padding:8px}}
