/*---passport---*/
body {
  font-family: Helvetica,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  }
.passport {
  background:#fff;
  height:100%;
  text-align: center;
}

.passport .modal-content{
  text-align: left;
}
#pass_view1 {
  font-size:1em;
  background: url(/img/bg-body.gif);
  height: 100%;
  padding-top: 0em;
  height: auto;
  margin: 1em auto;
  padding: 1em;
  border-radius: 18px;
  width:80%;
}

#pass_view1 h2 {
  font-size: 2em;
  color: #E8597F;
  font-weight: bold;
  margin: 1em 0px;
}
#pass_view1 dl {
  margin:1em;
}
#pass_view1 .usepasspt_dt {
  font-size:1.3em;
}
#pass_view1 .usepasspt_dd {
  font-size:1em;line-height: 1.5em;
  max-width:800px;
  margin:0 auto;
}
#pass_view1 .usepasspt_dd img{
  width:60%;
  margin:1em;
  max-width:350px;
}
#pass_view1 .usepasspt_dd span {
  font-size:0.8em;
  color: #FF5B86
}
#pass_view1 .kiyaku_dt {
  margin-top:1em;
  font-size:1.3em;
}
#pass_view1 .kiyaku_dd {
  line-height: 1.5em;
  font-size: 1em;
  margin:0 auto;;
}
.kiyaku_dd_div{
  margin: 0 20%;
  text-align: left;;;

}
#goto_view2 {
  font-size:2em;
  font-weight:bold;
  padding:.5em 1em;
  background:#FF5B86;
  border-radius: 8px;
  width:10em;
  margin:1.5em auto 1em;
  color:#FFF;
  cursor: pointer;;
}
#pass_view2 {
  width:100%;
}

#pass_view2 dl {
  margin:25px 0 0;
}
#pass_view2 dl dt {
  color:#E8597F;
  font-weight:bold;
}
#pass_view2 dl dd {
  color:#333;
  font-size:15px;
  margin:10px 0 0;
}
#pass_view2 dl:nth-of-type(1) {
  margin:36px 0 0;
}
#pass_view2 dl:nth-of-type(1) dt {
  font-size:22px;
}
#pass_view2 dl:nth-of-type(1) dd {
  font-size:18px;
  margin-bottom:2em;
}

.lock {
    overflow:hidden;
    height: 100%;
}
.modal-content {
    position:relative;
    display: none;
    width:65%;
    margin:30px auto;
    padding:10px 20px;
    border:2px solid #aaa;
    background:#fff;
}
.modal-content p {
    margin:0;
    padding:0;
}
.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}
.modal-wrap {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
    -webkit-overflow-scrolling: touch;
}
.modal-open {
    color:#00f;
    text-decoration:underline;
}
.modal-open:hover {
    cursor:pointer;
    color:#f00;
}
.modal-close {
    color:#00f;
    text-decoration:underline;
}
.modal-close:hover {
    cursor:pointer;
    color:#f00;
}
.btn_confirm{
  text-align: right;
}
#affirm{
  font-size: 1.5em;
  font-weight: bold;
  /* padding: .5em 1em; */
  background: #FF5B86;
  border-radius: 8px;
  /* width: 9em; */
  margin: 1.5em 1em 1em;
  color: #FFF;
  cursor: pointer;
}

#negative{
  font-size: 1.5em;
  font-weight: bold;
  /* padding: .5em 1em; */
  background: #606060;
  border-radius: 8px;
  /* width: 9em; */
  margin: 1.5em 1em 1em;
  color: #FFF;
  cursor: pointer;
}

.backbtn {
  margin:2.5em 0 2em;
}
@media (max-width: 800px) {
  .btn_confirm{
    text-align: center;
  }

  #affirm,
  #negative{
    margin: .5em auto;
    width: 80%
  }
  .passport {
    background:#fff;
    height:100%;
  }

  #pass_view1 {
    font-size:1rem;
    background: url(/img/bg-body.gif);
    height: 100%;
    padding-top: 0em;
    width: 80%;
    height: auto;
    margin: 1em auto;
    padding: 1em;
    border-radius: 18px;
  }

  #pass_view1 h2 {
    font-size: 1.5rem;
    color: #E8597F;
    font-weight: bold;
    line-height: 1.3;
  }
  #pass_view1 dl {
    margin:1em;
  }
  #pass_view1 .usepasspt_dt {
    font-size:1.2em;
    color:#E8597F;
    font-weight:bold;
  }
  #pass_view1 .usepasspt_dd {
    font-size:.9em;line-height: 1.3em;
  }
  #pass_view1 .usepasspt_dd img {
    width:90%;
    max-width:inherit;

  }
  #pass_view1 .usepasspt_dd span {
    font-size:0.8em;
    color: #FF5B86
  }
  #pass_view1 .kiyaku_dt {
    margin-top:2em;
    font-size:1.2em;
    color:#E8597F;
    font-weight:bold;
  }
  #pass_view1 .kiyaku_dd {
    line-height: 1.5em;
    font-size: .9em;
  }
  #goto_view2 {
    font-size:1em;
    font-weight:bold;
    padding:1em;
    background:#FF5B86;
    border-radius: 8px;
    width:10em;
    margin:0 auto;
    color:#FFF;
    margin-bottom: .5em;
  }

  #pass_view2 img {
    width:90%;
  }
  #pass_view2 dl {
    margin:25px 0 0;
  }
  #pass_view2 dl dt {
    color:#E8597F;
    font-weight:bold;
  }
  #pass_view2 dl dd {
    color:#333;
    font-size:15px;
    margin:10px 0 0;
  }
  #pass_view2 dl:nth-of-type(1) {
    margin:36px 0 0;
  }
  #pass_view2 dl:nth-of-type(1) dt {
    font-size:1.5em;
  }
  #pass_view2 dl:nth-of-type(1) dd {
    font-size:.9em;
    margin:.5em 1em 1em;
  }
}