@charset "utf-8";

*:where(:not(iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space}:where([draggable="true"]){-webkit-user-drag:element}

body{
  font-family: Hiragino Sans,"ヒラギノ角ゴシック","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Roboto,sans-serif;
  text-align: center;
  padding-bottom: 0px;
  background: #fafafa;
  margin: 0 10px;
}
h1{
  margin-top: 30px;
  margin-bottom: 40px;
}
h1 span{
  font-size: 21px;
  letter-spacing: 0.1em;
  color: #fff;
  background: #111;
  padding: 11px 18px;
  font-weight: bold;
}
h2{
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: bold;
  
}
.simu_box{
  max-width: 600px;
  margin: 0 auto;
}
.simu_box dt{
  font-weight: bold;
  
}
.simu_box dt p{
  display: block;
  font-weight: normal;
  font-size: 14px;
}
.meyasu_head{
  font-size: 13px;
  color: #111;
  background: rgba(0,0,0,0.2);
  margin-right: 5px;
  padding: 3px 4px;
}
.simu_box dt span.meyasu{
  display: inline;
  font-size: 13px;
}
.simu_box dd{
  margin-top: 4px;
  margin-bottom: 20px;
}
.simu_box dd input{
 border: 1px solid #aaa;
  padding: 6px;
  font-size:18px;
  font-weight: bold;
  margin-right: 6px;
  text-align: right;
  width: 9em;
  background: #fff;
}
input::placeholder {
  font-size: 13px;
  color: #999;
}
.sum{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #ccc;
  padding: 10px 5px;
  background: #fff;
  z-index: 9;
}
#sum_all,
.sum_income0,
#sum_income,
.income_dl input,
.sum_income,
.income_head{
  color: #000080;
  
}
.meyasu,
.sum_minus #sum_all,
.sum_outgo0,
#sum_outgo,
.outgo_dl input,
.sum_outgo,
.outgo_head{
  color: #b20000;
}
body.sum_minus{
  background: #b20000;
}
.sum{
  font-size: 16px;
}
.sum span{
  font-size: 24px;
  font-weight: bold;
}

.income_box,
.outgo_box{
  padding: 2px 20px 22px;
  margin-top: 20px;
}
.income_box{
  background: #eeffff;
}
.outgo_box{
  background: #ffdddd;
}

#tweet_btn{
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 4px;
  display: inline-block;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  padding: 6px 20px 8px;
  box-shadow: -2px -2px 1px rgba(0,0,0,0.2) inset;
  background: #66BBE9;
}
footer{
  font-size: 13px;
  color: #999;
  padding-top: 10px;
  margin-top: 10px;
  padding-bottom: 20px;
}


.phrase_box{
  max-width: 800px;
  margin: 0 auto;
}
.phrase_box li{
  cursor: pointer;
  text-align: left;
  padding: 10px 18px;
  border: 1px solid #999;
  border-radius: 15px;
  margin-bottom: 20px;
  background: #fff;
}
.phrase_box li:hover{
  background: #eee;
}
.phrase_box li p{
  font-size: 18px;
}
.phrase_box li span.en_txt{
  color:darkslateblue;
}

.copyalert{
  margin-left: 10px;
  display: none;
  font-size: 15px;
  color: #900;
}