@charset "utf-8";




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

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

body{background-color:transparent;}
#wrapper{background-color:trasparent;background-image:none;width:100%;min-width:auto;}
.slider-item{width:800px;}

#content{width:800px;border:radius:10px;background:url(../img/common/content_bg.jpg);height:450px;margin:5px auto;border-radius:20px;box-shadow:0px 0px 9px rgba(0,0,0,0.4);overflow:hidden;}

.img_chara{width:330px;float:left;margin-top:40px;margin-left:20px;}
.ss{width:100%;}

.text_area{
  width:375px;
  float:left;
  margin-left:0px;
  margin-top:40px;
}

#content .name{ font-size:24px;padding:20px 0px 15px;color:#333;}
#content .ruby{font-size:14px;display:block;line-height:1;}


.text_area p{
  font-size:16px;
  line-height:1.9;
}

.slick-prev, .slick-next{z-index:10!important;text-indent:-99999px;width:35px!important;height:35px!important;}
.slick-next{right:10px!important;background-image:url(../img/feature/next.svg)!important;background-size:100%!important;}
.slick-prev{left:10px!important;background-image:url(../img/feature/prev.svg)!important;background-size:100%!important;}
#content .slick-disabled{display:none!important;}



}



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

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


  body{background-color:transparent;}
  #wrapper{background-color:trasparent;background-image:none;width:100%;min-width:auto;}
  .slider-item{width:100%;position:relative;}

  #content{width:96%;border-radius:10px;background:url(../img/common/content_bg.jpg);margin:5px auto;border-radius:20px;box-shadow:0px 0px 9px rgba(0,0,0,0.4);overflow:hidden;position:relative;}

  .img_chara{width:80%;display:block;margin:20px auto 0;}
  .ss{width:100%;margin:20px 0;}

  .text_area{
    width:90%;
    margin:20px auto 0;
  }

  #content .name{ font-size:24px;padding:0px 0px 5px;color:#333;}
  #content .ruby{font-size:14px;display:block;line-height:1;}


  .text_area p{
    font-size:15px;
  }

  .slick-prev, .slick-next{z-index:10!important;text-indent:-99999px;width:35px!important;height:35px!important;}
  .slick-next{right:10px!important;background-image:url(../img/feature/next.svg)!important;background-size:100%!important;}
  .slick-prev{left:10px!important;background-image:url(../img/feature/prev.svg)!important;background-size:100%!important;}
  #content .slick-disabled{display:none!important;}


}