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