/* default */
body {
  margin:0;
  padding:0;
  -webkit-text-size-adjust: none;
  color: #7d7d7d;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  line-height: 1.8em;
}

* {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
  font-style: normal;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,input,textarea,p,blockquote,th,td {}
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
caption,th {text-align: left;}
q:before,q:after {content: '';}
object,embed {vertical-align: top;}
hr,legend {display: none;}
img,abbr,acronym,fieldset {border: 0pt;}
li {list-style-type: none;}
p {}
div img,p img {vertical-align: bottom;}

/* for teaser */
.PGIkemen {
    max-width:414px;
    position:relative;
    margin:0 auto;
    background-color: #fff;
    text-align:center;
}
.PGIkemen a>img:hover {
  opacity:0.8;
}
.PGIkemenTop {
    padding-bottom:30px;
}
.PGIkemenAttention {
    text-align:left
}

.PGIkemenTitleBanner {
  padding: 6.4vw 0 5.3vw;
}
  .PGIkemenTitleBanner img {
      width: 59.47vw;
  }

.PGIkemenFileUpload {
   margin: 0 auto;
   padding: 0 3.2vw;
}
  .PGIkemenFileUpload > div {
    position:relative;
  }
  .PGIkemenFileUpload img {
    width:100%;
  }
  .PGIkemenFileUpload img:hover {
    opacity:0.8;
  }
  .PGIkemenFileUpload p {
    font-size: 4.5vw;
    color: #125687;
    margin-bottom: 4.8vw;
  }
  .PGIkemenFileUpload input[type="file"] {
    opacity: 0;
    width:100%;
    height:100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 auto;
    cursor: pointer;
  }
  .PGIkemenFileUpload.top_btm {
    margin-top: 6.4vw;
  }

.PGIkemenBanner {
  margin-top: 7.5vw;
}

.PGIkemenHowto > h2 > img {
    margin:42px 0px 22px 0px;
    width:300px;
}
.PGIkemenHowto > img {
    margin-top:22px;
    width:100%;
}
.PGIkemenHowto p {
    font-size: 4.5vw;
}

.PGIkemenNotice {
  font-size: 3.73vw;
  padding: 0px 10.13vw;
  margin-top: 8.5vw;
  text-align: left;
}

.PGIkemenResultBody {}

.PGIkemenResultSuccess,
.PGIkemenResultFailure {
  display:none;
}

.PGIkemenResultBody.PGIkemenResultSuccess {
  background-color: #fff;
}
.PGIkemenResultBody.PGIkemenResultSuccess .topBanner {
  margin-bottom: 5.33vw;
}
.PGIkemenResultBody.PGIkemenResultSuccess .frameTop {
  padding-bottom: 20vw;
}

.PGIkemenResultBody.PGIkemenResultSuccess .PGIkemenResultImageArea {
   position: relative;
   width: 95%;
   margin: 0 auto;
}
  .PGIkemenResultBody.PGIkemenResultSuccess .PGIkemenResultImageArea canvas {
     width: 100%;
  }
  .PGIkemenResultBody.PGIkemenResultSuccess .PGIkemenResultImageArea #PGIkemenScoreBalloon {
     position:absolute;
     display:none;
  }
  .PGIkemenResultBody.PGIkemenResultSuccess .PGIkemenResultImageArea #PGIkemenScoreBalloon .imgBaloon {
     width: 34.1vw;
     height: 34.1vw;
  }
  .PGIkemenResultBody.PGIkemenResultSuccess .PGIkemenResultImageArea #PGIkemenScoreBalloon span {
     position:absolute;
     display: block;
     width: 100%;
     color: #fff;
     font-size: 10.1vw;
     top: 12vw;
     left: 0;
     font-weight: bold;
     text-align: center;
     z-index:100;
  }
.PGIkemenResultBody.PGIkemenResultSuccess .PGIkemenResultTextArea {
  width: 95%;
  margin: 5.3vw auto;
  text-align: center;
}
  .PGIkemenResultBody.PGIkemenResultSuccess .PGIkemenResultTextArea .share p {
     font-family:'ヒラギノ角ゴ ProN W6','HiraginoKakuProN-W6','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
     padding: 0px 5.3vw;
     word-wrap: break-word;
     font-weight: bold;
     font-size: 5.3vw;
     line-height: 1.6;
  }
  .PGIkemenResultBody.PGIkemenResultSuccess .PGIkemenResultTextArea .play {
    margin-top: 4vw;
  }
    .PGIkemenResultBody.PGIkemenResultSuccess .PGIkemenResultTextArea .play img {
      width: 80vw;
    }

.PGIkemenResultBody.PGIkemenResultSuccess .PGIkemenNextAction {
  text-align: center;
}
  .PGIkemenResultBody.PGIkemenResultSuccess .PGIkemenNextAction li {
    padding: 1.6vw 0;
  }
  .PGIkemenResultBody.PGIkemenResultSuccess .PGIkemenNextAction li.btn img {
    width: 80vw;
  }

.PGIkemenResultBody.PGIkemenResultFailure {
  background-color: #FFFAEC;
}
.PGIkemenResultBody.PGIkemenResultFailure .failContainer {
  padding-bottom: 4.8vw;
}
.PGIkemenResultBody.PGIkemenResultFailure .failContainer .label {
  font-size: 4.27vw;
}
.PGIkemenResultBody.PGIkemenResultFailure .failContainer .btn {
  padding: 4.8vw 0;
}
  .PGIkemenResultBody.PGIkemenResultFailure .failContainer .btn img {
    width: 80vw;
  }
.PGIkemenResultBody.PGIkemenResultFailure .failContainer p {
  font-size: 4.27vw;
  line-height: 1.6;
  padding: 0 10.13vw;
  text-align: left;
}



.PGIkemenNowInProgress  {
    display:none;
    z-index:100;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:#000;
    background: rgba(45,45,45, 0.3);
}

.PGIkemenNowInProgress p {
   position:fixed;
   font-size:14px;
   display:inline-block;
   width:100px;
   text-align:center;
   line-height:32px;
   margin-left:-53px;
   margin-top:-16px;
   top:50%;
   left:50%;
   color:#fff;
   background:#90BBF1;
   border:solid 3px #fff;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
}
.PGIkemenTrial {
  margin-top: 20px;
}
.PGIkemenTrial p {
  font-size: 1.6rem;
  color: #125687;
}