@media screen and (min-width: 481px) {
.broad_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; }

.broad_info { position:absolute; top:180px; left:280px; right:30px; bottom:30px; min-height:760px; 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; word-wrap:break-all; min-width:640px; }
.broad_info .sub_title { border-bottom:1px #196D8A solid; width:100%; font-family: Lato, sans-serif; font-weight:600; font-size:18px; letter-spacing: 3px; padding:0 0 5px 0; }
.broad_info .info_comm { min-height:300px; font-family: "メイリオ", Meiryo , sans-serif; }
/*
.broad_info .info_comm p { position:absolute; top:40%; width:100%; text-align:center; font-family: "メイリオ", Meiryo , sans-serif; font-weight:900; font-size:30px; letter-spacing: 3px; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; text-decoration:none; margin: 0 0 10px 25px; }
*/
.broad_info { background:url(../images/bg_list/chara_bg02.png) no-repeat no-repeat 95% 40px; }

.broad_info .info_comm ul { margin: 100px; }
.broad_info .info_comm ul li { width: 600px; margin:0 auto; }
.broad_info .info_comm ul li.bl_list { min-height: 30px; }
.broad_info .info_comm ul li.space { height:15px; }
.broad_info .info_comm ul li .station { float: left; width: 120px; font-weight:900; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; text-decoration:none; }
.broad_info .info_comm ul li .start { float: left; width: 180px; }
.broad_info .info_comm ul li .dayweek { float: left; width: 120px; }
.broad_info .info_comm ul li .time { float: left; width: 180px; }
.broad_info .info_comm ul li .attention { float: left; padding-top:20px; font-size:13px; }
.broad_info .info_comm ul li.bc_list { font-size:12px; border:2px solid #BC0003; border-radius:5px; padding: 10px; min-height: 30px; margin-bottom:20px; line-height: 30px; }
.broad_info .info_comm ul li .broad_cc { float: left; width: 200px; font-weight:900; text-shadow:0 0 10px #BC0003, 0 0 10px #BC0003, 0 0 10px #BC0003; text-decoration:none; }

.broad_info .info_comm ul li.broad_ch { min-height: 40px; font-size:18px; font-weight:900; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; text-decoration:none; }
.broad_info .info_comm ul li.bl_list2 { min-height: 30px; font-size: 11px; }
.broad_info .info_comm ul li.bl_list2 a { color:#FFF; }
.broad_info .info_comm ul li.bl_list2 a:hover { color:#FFF; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; }
.broad_info .info_comm ul li.space2 { height:15px; }
.broad_info .info_comm ul li .station2 { float: left; width: 190px; font-size: 12px; font-weight:900; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; text-decoration:none; }
.broad_info .info_comm ul li .start2 { float: left; width: 170px; }
.broad_info .info_comm ul li .time2 { float: left; width: 120px; }
.broad_info .info_comm ul li .url { float: left; width: 100px; }
}

@media screen and (max-width: 480px) {
.broad_title { position:absolute; top:75px; left:0; font-family: Lato, sans-serif; font-size:40px; 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; }

.broad_info { position:absolute; top:180px; left:0; right:30px; bottom:30px; min-height:600px; 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; word-wrap:break-all; }
.broad_info .sub_title { border-bottom:1px #196D8A solid; width:100%; font-family: Lato, sans-serif; font-weight:600; font-size:18px; letter-spacing: 3px; padding:0 0 5px 0; }
.broad_info .info_comm { min-height:300px; font-family: "メイリオ", Meiryo , sans-serif; }
/*
.broad_info .info_comm p { position:absolute; top:50%; width:100%; text-align:center; font-family: "メイリオ", Meiryo , sans-serif; font-weight:900; font-size:25px; letter-spacing: 3px; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; text-decoration:none; margin: 0 0 10px 25px; }
*/
.broad_info { background:url(../images/bg_list/chara_bg02.png) no-repeat no-repeat 50% 40px; background-size:90% auto; }

.broad_info .info_comm ul { margin: 60px 0 100px 0; }
.broad_info .info_comm ul li { width: 100%; }
.broad_info .info_comm ul li.bl_list { min-height: 60px; }
.broad_info .info_comm ul li.space { height:15px; }
.broad_info .info_comm ul li .station { float: left; width: 100%; font-weight:900; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; text-decoration:none; margin-bottom: 10px; }
.broad_info .info_comm ul li .start { float: left; width: 140px; font-size:12px; }
.broad_info .info_comm ul li .dayweek { float: left; width: 80px; font-size:12px; }
.broad_info .info_comm ul li .time { float: left; width: 120px; font-size:12px; }
.broad_info .info_comm ul li .attention { float: left; padding-top:10px; font-size:11px; }
.broad_info .info_comm ul li.bc_list { font-size:12px; border:2px solid #BC0003; border-radius:5px; padding: 10px; min-height: 30px; margin-bottom:20px; line-height: 30px; }
.broad_info .info_comm ul li .broad_cc { float: left; width: 200px; font-weight:900; text-shadow:0 0 10px #BC0003, 0 0 10px #BC0003, 0 0 10px #BC0003; text-decoration:none; }

.broad_info .info_comm ul li.broad_ch { min-height: 40px; font-size:18px; font-weight:900; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; text-decoration:none; }
.broad_info .info_comm ul li.bl_list2 { min-height: 48px; font-size: 11px; }
.broad_info .info_comm ul li.bl_list2 a { color:#FFF; }
.broad_info .info_comm ul li.bl_list2 a:hover { color:#FFF; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; }
.broad_info .info_comm ul li.space2 { height:15px; }
.broad_info .info_comm ul li .station2 { float: left; width: 100%; font-size: 12px; font-weight:900; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; text-decoration:none; margin-bottom: 10px; }
.broad_info .info_comm ul li .start2 { float: left; width: 150px; }
.broad_info .info_comm ul li .time2 { float: left; width: 100px; }
.broad_info .info_comm ul li .url { float: left; width: 100px; }
}
.broad_info .info_comm ul li.bl_end { font-size: 22px; line-height: 28px; font-weight:900; text-shadow:0 0 10px #19B4FF, 0 0 10px #19B4FF, 0 0 10px #19B4FF; text-decoration:none; margin-bottom: 40px; }
