@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 1001px){

/*  */
.wrapper{width:100%;min-height:900px;height:100%;max-width:1300px;margin:0 auto;position:relative;}
.name{font-size:36px;}
.name .ruby{font-size:14px;padding-left:1em;display:inline-block;vertical-align: middle;}
.cv{margin-bottom:4px;}
.text{font-size:15px;}
.info{position:absolute;right:5%;top:50%;transform:translate(0,-50%);width:500px;background-color:rgba(29, 29, 29, 0.8);padding:35px 40px 40px;border:1px solid #333;box-shadow:0 0 20px rgba(0,0,0,0.8);}
.chara-img{top:50%;transform:translate(0,-50%);position:absolute;}
body{background:transparent;}
.castphoto{width:100%;display:block;margin-top:1.5em;}
}




/*----------------------------------------
	for SP
----------------------------------------*/


@media screen and (max-width: 1000px) {

  /*  */
  .wrapper{width:100%;margin:0 auto;position:relative;overflow:hidden;}
  .name{font-size:28px;}
  .name .ruby{font-size:14px;padding-left:1em;display:inline-block;vertical-align: middle;}
  .cv{margin-bottom:4px;}
  .text{font-size:13px;}
  .info{position:relative;width:90%;background-color:rgba(29, 29, 29, 0.8);padding:20px 30px 30px;border:1px solid #333;box-shadow:0 0 20px rgba(0,0,0,0.8);box-sizing: border-box;margin:100% auto 5%;}
  .chara-img{top:0;position:absolute;left:-10%;width:210%;}
  body{background:transparent;}
  .castphoto{width:100%;display:block;margin-top:1.5em;}
  }

}