@charset "UTF-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;outline:0;font-size:13px;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ul,ol{list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color: #3366ff;text-decoration: none;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted inherit;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
li strong,p strong,dd strong{ font-size: 100%; }
html { font-size: 62.5%; }
body {font-family:Lucida Grande, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 1.2rem;-webkit-text-size-adjust: none !important;color:#000;line-height: 1.4;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; }
* { font-size: 1.2rem; }
img { vertical-align: top; }
a { text-decoration: none; }
.wrap{
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 750px;
  overflow: hidden;
}
.main {
  padding: 0 20px;
}



#t-money-charge{
  padding: 20px 0 0;
}
#t-money-charge .charge-header{
  position: relative;
  /*height: 40px;*/
  width: 100%;
}
#t-money-charge .charge-header img{ width: 100%; height: auto; }
#t-money-charge .charge-header .btn-close{
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  width: 28px;
  height: 28px;
}
#t-money-charge .charge-header .btn-close a{
  position: relative;
  right: 1px;
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  background: #003f98;
}
#t-money-charge .charge-header .btn-close a i{
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5.5px 0 0 -1px;
  display: block;
  height: 11px;
  width: 2px;
  background: #fff;
}
#t-money-charge .charge-header .btn-close a i:nth-child(1){
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#t-money-charge .charge-header .btn-close a i:nth-child(2){
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#t-money-charge h2{
  line-height: 40px;
  font-weight: bold;
  font-size: 1.9rem;
  text-align: center;
  color: #003f98;
  margin: 0 1rem 1rem 1rem;
}
#t-money-charge .charge-list{
  margin: 12px 0 0;
}
#t-money-charge .charge-list ul li{
  display: inline-block;
  box-sizing: border-box;
  border-radius: 5px;
  overflow: hidden;
}
#t-money-charge .charge-list ul li + li{
  margin: 10px 0 0;
}
#t-money-charge .charge-list ul li img{
  width: 100%;
  height: auto;
}
#charge-setting-btn{
  margin-top: 20px;
  font-weight: bold;
  font-size: 1.2rem;
  width: 100%;
  padding: 0 1em;
  line-height: 34px;
  text-align: center;
  background-color: #004098;
  color: #fff;
  border-style: none;
  border-radius: 17px;
  letter-spacing: 0.2em;
}

#footer .attention{
  text-align: center;
  padding-bottom: 15px;
}
#footer .attention{
  font-size: 1rem;
}
#footer .attention a{
  color: #000;
  font-weight: bold;
  text-decoration: underline;
}
#footer {
  padding: 10px 0 20px;
}
#footer #copyright {
  text-align: center;
  font-size: 0.9rem;
  color: #666;
}