@media screen and (min-width: 481px) {
.staff_title { position:absolute; top:75px; left:280px; font-family: Lato, sans-serif; font-size:60px; font-weight:900; font-style:italic; color:#FFF; letter-spacing: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; text-decoration:none; margin: 0 0 10px 25px; z-index:2; }

.staff_info { position:absolute; top:180px; left:280px; right:30px; color:#FFF; letter-spacing: 2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; text-decoration:none; margin: 0 0 10px 25px; padding:0 0 50px 0; z-index:2; min-width:640px; word-wrap:break-all; }

.staff_info .sub_title { font-family: Lato, sans-serif; font-weight:600; font-size:30px; letter-spacing: 3px; padding:0 0 6px; margin:0 0 5px 0; clear:both; }
.staff_info ul { clear:both; padding-bottom:40px; }
.staff_info li.staff_list_o { float:left; font-size:16px; font-weight:900; padding:12px 0; width:100%; list-style-type: none; word-wrap:break-all; }
.staff_info li.staff_list_o .brand { font-size:12px; }
.staff_info li.staff_list { position:relative; float:left; font-size:14px; font-weight:900; padding:12px 0; width:320px; letter-spacing: 0px; list-style-type: none; word-wrap:break-all; }
.staff_info li.staff_list .brand { font-size:10px; }
.staff_info li.staff_list_s { float:left; font-size:14px; font-weight:900; padding:12px 0; width:320px; letter-spacing: 0px; list-style-type: none; word-wrap:break-all; }
.staff_info li.clear { width:100%; clear:both; list-style-type: none; }
.staff_info .chara_name { float:left; width:155px; font-size:12px; font-weight:200; padding:3px 0 0 0; margin:0 5px 0 0; border-bottom:1px #999 solid; }
.staff_info .staff_job_t01 { float:left; width:155px; font-size:12px; font-weight:200; padding:3px 0 0 0; margin:0 5px 0 0; border-bottom:1px #999 solid; }
.staff_info .staff_job_t02 { float:left; width:155px; font-size:12px; font-weight:200; padding:3px 0 0 0; margin:0 5px 0 0; border-bottom:1px #999 solid; }

#particles-js {  background:url(../images/bg_list/chara_bg01.png) no-repeat 95% 150px;  }

ul.sidr-class-cs_commfl { position:absolute; width:100%; height:100%; }
a ul.sidr-class-cs_commfl { text-decoration:none; color:#FFF; }

.sidr-class-cast_comm_fl { position:absolute; top:10%; width:80%; padding:50px; }
.sidr-class-cast_comm_fl .sidr-class-cast_img { float:left; margin:0 10px 10px 0; }
.sidr-class-cast_comm_fl .sidr-class-cast_name { font-family:"メイリオ", Meiryo , sans-serif; font-size:22px; font-weight:900; color:#FFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; margin:0 0 10px 0; }
.sidr-class-cast_comm_fl .sidr-class-cast_name hr { height:1px; border:none; background: #196D8A; }
.sidr-class-cast_comm_fl .sidr-class-cast_comm { font-family:"メイリオ", Meiryo , sans-serif; font-size:14px; font-weight:400; line-height:22px; }
}

@media screen and (max-width: 480px) {
.staff_title { position:absolute; top:75px; left:0; font-family: Lato, sans-serif; font-size:40px; font-weight:900; font-style:italic; color:#FFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; text-decoration:none; margin: 0 0 10px 25px; z-index:2; }

.staff_info { position:absolute; top:140px; left:0; color:#FFF; letter-spacing: 2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; text-decoration:none; margin: 0 0 10px 25px; z-index:2; max-width:480px; word-wrap:break-all; padding:0 0 100px 0; }

.staff_info .sub_title { font-family: Lato, sans-serif; font-weight:600; font-size:30px; letter-spacing: 3px; padding:0 0 6px; margin:0 0 5px 0; clear:both; }
.staff_info ul { clear:both; padding-bottom:40px; }
.staff_info li.staff_list_o { float:left; font-size:16px; font-weight:900; padding:12px 0; width:100%; list-style-type: none; word-wrap:break-all; }
.staff_info li.staff_list_o .brand { font-size:10px; }
.staff_info li.staff_list   { position:relative; float:left; font-size:14px; font-weight:900; padding:12px 0; width:100%; letter-spacing: 0px; list-style-type: none; word-wrap:break-all; min-width:320px; }
.staff_info li.staff_list .brand { font-size:10px; }
.staff_info li.staff_list_s { float:left; font-size:14px; font-weight:900; padding:12px 0; width:100%; letter-spacing: 0px; list-style-type: none; word-wrap:break-all; }
.staff_info li.clear { width:100%; clear:both; list-style-type: none; }
.staff_info .chara_name { float:left; width:155px; font-size:13px; font-weight:200; padding:3px 0 0 0; margin:0 5px 0 0; border-bottom:1px #999 solid; }
.staff_info .staff_job_t01 { float:left; width:155px; font-size:12px; font-weight:200; padding:3px 0 0 0; margin:0 5px 0 0; border-bottom:1px #999 solid; }
.staff_info .staff_job_t02 { float:left; width:155px; font-size:12px; font-weight:200; padding:3px 0 0 0; margin:0 5px 0 0; border-bottom:1px #999 solid; }

#particles-js { background:url(../images/bg_list/chara_bg01.png) no-repeat 95% 150px; background-size:50% auto;  }

ul.sidr-class-cs_commfl { position:absolute; width:100%; height:100%; }
a ul.sidr-class-cs_commfl { text-decoration:none; color:#FFF; }

.sidr-class-cast_comm_fl { position:absolute; top:10%; width:80%; padding:25px; }
.sidr-class-cast_comm_fl .sidr-class-cast_img { float:left; width:100%; text-align:center; margin:0 0 20px 0; }
.sidr-class-cast_comm_fl .sidr-class-cast_name { font-family:"メイリオ", Meiryo , sans-serif; font-size:22px; font-weight:900; color:#FFF; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; margin:0 0 10px 0; }
.sidr-class-cast_comm_fl .sidr-class-cast_name hr { height:1px; border:none; background: #196D8A; }
.sidr-class-cast_comm_fl .sidr-class-cast_comm { font-family:"メイリオ", Meiryo , sans-serif; font-size:14px; font-weight:400; line-height:22px; }
}

.staff_list .cs_btm { position:absolute; right:40px; width:45px; bottom:11px; background:#D51A83; padding:3px 0 0 5px; border-radius:8px; text-align:center; }
.staff_list .cs_btm p { font-family: Lato, sans-serif; font-weight:600; font-size:10px; -webkit-transform: scale(0.7); -webkit-transform-origin:0 0; color:#FFF; }
.staff_list .nw_btm { position:absolute; right:40px; width:35px; bottom:26px; background:#AAB461; padding:3px 0 0 15px; border-radius:8px; }
.staff_list .nw_btm p { font-family: Lato, sans-serif; font-weight:600; font-size:10px; -webkit-transform: scale(0.7); -webkit-transform-origin:0 0; color:#FFF; }
.staff_list .mv_btm { position:absolute; right:40px; width:40px; bottom:26px; background:#0085B2; padding:3px 0 0 10px; border-radius:8px; text-align:center; }
.staff_list .mv_btm p { font-family: Lato, sans-serif; font-weight:600; font-size:10px; -webkit-transform: scale(0.7); -webkit-transform-origin:0 0; color:#FFF; }

@media screen and (min-width: 1631px) {
.staff_info li.staff_list.r3 { padding:12px 0 12px 0;}
}
@media screen and (min-width: 1311px) and (max-width: 1630px) {
.staff_info li.staff_list.r3 { padding:12px 0 30px 0;}
}
@media screen and (min-width: 481px) and (max-width: 1310px) {
.staff_info li.staff_list.r3 { padding:12px 0 12px 0;}
}
@media screen and (max-width: 480px) {
.staff_info li.staff_list.r3 { padding:12px 0 12px 0;}
}