.cd_fl a { text-decoration: none; }

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

.cd_fl { position: relative; width: 910px; margin: 0 auto; }

.cd_fl .cate_mg_title { position: relative; font-size:20px; font-weight: 900; color: #000; padding: 20px 20px; margin:20px 5px 25px 5px; color: #FFF; }
.cate_mg_title .st_frm01 { position: absolute; top:-1px; left: -5px; width: 30px; height: 62px; background: url(../images/onair/st_frame_sidea.png) no-repeat; background-size: auto 100%; } 
.cate_mg_title .st_frm02 { position: absolute; top:-1px; right: -15px; width: 30px; height: 62px; background: url(../images/onair/st_frame_sideb.png) no-repeat; background-size: auto 100%; }

.cd_fl ul.cd_topfl { width: 910px; padding: 10px 0 100px 0; }
.cd_fl ul.cd_wfl { width: 910px; padding: 60px 0 100px 0; }
.cd_fl ul li.title { position: relative; font-size:22px; font-weight: 600; font-weight:600; padding:20px 16px 20px 26px; margin: 0 5px 5px 5px; }
.title .st_frm01 { position: absolute; top:0; left: -5px; width: 30px; height: 62px; background: url(../images/onair/st_frame_sidea.png) no-repeat; background-size: auto 100%; } 
.title .st_frm02 { position: absolute; top:0; right: -15px; width: 30px; height: 62px; background: url(../images/onair/st_frame_sideb.png) no-repeat; background-size: auto 100%; }

.cd_fl ul li.top_btm { position: absolute; top: 5px; left:5px; padding:8px 20px; margin: 10px 0 0 10px; background:linear-gradient(90deg, #0E344E, #185A87); font-size:12px; font-weight: 600; letter-spacing:5px; color: #FFF; width: 160px; text-align: center; transform: skewX(-30deg);  }
.cd_fl ul a:hover li.top_btm { color:#FFF; box-shadow:0px 0px 0px rgba(0,0,0,0.4); background: linear-gradient(90deg, #DE4F0D, #E29714); transition-duration:0.5s;}
.cd_fl ul li.top_btm p { transform: skewX(30deg); }

.cd_fl ul a li.index_btm { padding: 15px; background:rgba(48,199,231,0.8); font-size:16px; font-weight:600; color: #FFF; margin-bottom: 10px; border-radius:30px; }
.cd_fl ul a li.index_btm .en { font-family: 'Lato', sans-serif; font-weight:600; }
.cd_fl ul a li.index_btm .sday { font-size:14px; margin-top: 5px; font-weight:400; color:#FFF; }
.cd_fl ul a li:hover.index_btm { background:#719CC5; }

.cd_fl ul li.comm_fl { float: left; font-size:13px; font-weight:400; padding:30px 0 0 0; margin: 0 0 0 50px; color:#FFF; width: 500px; line-height: 32px; }
.cd_fl ul li.comm_fl .sub{ font-size:13px; font-weight:600; padding:2px 10px; color: #FFF; margin: 0 10px 0 0; transform: skewX(-40deg); }
.cd_fl ul li.comm_fl .sub p{ transform: skewX(40deg); }
.cd_fl ul li.comm_fl a { color: #FFF; text-decoration: underline; transition-duration: 0.5s; }
.cd_fl ul li.comm_fl a:hover { color: #C7B937; text-decoration: underline; transition-duration: 0.5s; }
.cd_fl ul li.comm_fl .sale_day { font-size:26px; font-weight: 600; margin-bottom: 20px; }
.cd_fl ul li.comm_fl .media_c01 { font-size:20px; font-weight: 600; margin: 5px 0 2px 0; }
.cd_fl ul li.comm_fl .cate_tit { font-size:16px; font-weight: 600; margin: 0 0 3px 0; }
.cd_fl ul li.comm_fl .m_list { font-size:13px; font-weight:600; padding:10px 15px;  margin-bottom: 5px; line-height: 20px; border-radius:5px; }
.cd_fl ul li.comm_fl .m_list .dscp { font-size:11px; font-weight:500; color: #FFF; line-height: 20px; }
.cd_fl ul li.comm_fl .m_list a { padding: 10px 0; }
.cd_fl ul li.comm_fl .m_list a span.event_go { font-size:13px; font-weight:600; color: rgba(48,199,231,0.6); padding:2px 10px; background:#FFF; line-height: 20px; border-radius:20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.cd_fl ul li.comm_fl .m_list a:hover span.event_go { font-size:13px; font-weight:600; color: rgba(50,90,122,0.8); padding:2px 10px; background:#F2DF59; line-height: 20px; border-radius:20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.cd_fl ul li.comm_fl iframe { width: 300px; height: 160px; transition-duration:1s; }

.artist_name { font-size:16px; font-weight: 500; text-shadow: 0px 0px 6px #F7FFCC,0px 0px 2px #FBFF77; }

.cd_fl ul li.ori_comm_fl { font-size:12px; font-weight:600; padding:10px 0 0 0; color: rgba(255,255,255,1.0); width: 610px; line-height: 22px; }
.cd_fl ul li.toku_fl { margin-bottom: 10px; background: rgba(0,0,0,0.4); display: table; width: 910px; }
.cd_fl ul li.toku_fl.toku_head { text-align: center; }

.cd_fl ul li.toku_fl .sp01 { width: 210px; padding: 10px 10px 10px 20px; font-weight:600; display: table-cell;/* background: rgba(50,90,122,0.8);*/ }
.cd_fl ul li.toku_fl .ct01 { display: none; }

.cd_fl ul li.toku_fl .sp02 { padding: 10px; font-weight:600; border-left:1px solid  rgba(50,90,122,0.8); border-right:1px  solid  rgba(50,90,122,0.8);  display: table-cell; }
.cd_fl ul li.toku_fl .sp02 .list { padding:5px 10px ; border: rgba(48,199,231,0.3) solid 2px; color: rgba(48,199,231,0.7); width: 170px; font-size:11px; }
.cd_fl ul li.toku_fl .sp02 .arr { font-size:10px; }
.cd_fl ul li.toku_fl .sp03 { width: 180px; padding: 10px 30px 10px 10px; font-weight:600; text-align: center; display: table-cell; vertical-align:top; border-radius: 0 30px 30px 0;}
.cd_fl ul li.toku_fl .sp03 img {width: 120px; margin: 0 auto; padding: 0; }
.cd_fl ul li.toku_fl .sp03 span { font-size:10px; }
.cd_fl ul li.toku_fl .ct02 { display: none; }

.cd_fl ul li.img_fl { float: left; position: relative; width: 280px; min-height:280px; padding: 20px; margin: 40px 0 0 15px; background: url(../images/goods/jk_fl_bg.png) center repeat-y; background: 100% auto; }
.img_fl .st_frm01 { position: absolute; top:-20px; left: -15px; width: 350px; height: 40px; background: url(../images/goods/jk_fl_b01.png) no-repeat; background-size:100% auto ; } 
.img_fl .st_frm02 { position: absolute; bottom:-20px; right: -15px; width: 350px; height: 40px; background: url(../images/goods/jk_fl_b02.png) no-repeat; background-size:100% auto ; }
.cd_fl ul li.img_fl img { width: 280px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); vertical-align: bottom; }
.cd_fl ul li.openimg_fl { position: absolute; top :345px; left: 15px; width: 200px; height: 200px;  }
.cd_fl ul li.openimg_fl img { width: 200px; }

.cd_fl ul li.toku_fl .mb  { display: none; }
.cd_fl ul li.toku_fl a.sp01  { color:#FFF; width: 210px; }
.cd_fl ul li.toku_fl a.sp01:hover { text-decoration:underline; }
.cd_fl ul li.toku_fl a.sp01 .btm { color:#333; background:#FFF; padding:0 0 0 10px; border-radius:10px; margin:5px 0 0 0; width: 120px; text-align: center; }
.cd_fl ul li.toku_fl a.sp01:hover .btm { background:#CCC; color: #FFF;  }

.cd_fl a li.index_thmb_cd { float:left; position: relative; width:240px; margin: 25px 20px 20px 8px; background: url(../images/goods/jk_fl_bg2.png) center repeat-y; background-size:100% auto ; padding:20px 10px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); font-size:12px; font-weight:500; text-shadow:1px 2px 2px rgba(0,0,0,0.4); text-align: center; color:#FFF; }
.cd_fl a li.index_thmb_cd img { width: 100%; margin-bottom: 10px; }
.cd_fl a li.index_thmb_cd .mt_title { font-weight: 600; font-size: 20px; padding:5px 0 10px 0; text-align: center; }
.cd_fl a li.index_thmb_cd .mt_title2 { font-weight: 600; font-size: 18px; padding:5px 0 10px 0; text-align: center; }
.cd_fl a li.index_thmb_cd .sday { font-weight: 600; font-size: 18px; }
.index_thmb_cd .st_frm01 { position: absolute; top:-20px; left: -8px; width: 276px; height: 33px; background: url(../images/goods/jk_fl_b01.png) no-repeat; background-size:100% auto ; } 
.index_thmb_cd .st_frm02 { position: absolute; bottom:-20px; right: -8px; width: 276px; height: 33px; background: url(../images/goods/jk_fl_b02.png) no-repeat; background-size:100% auto ; }

.cd_fl a li.index_thmb_cd2 { float:left; position: relative; width:100px; margin: 10px 5px 5px 5px; background: url(../images/goods/jk_fl_bg2.png) center repeat-y; background-size:200% auto ; padding:10px 5px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); font-size:10px; font-weight:500; text-shadow:1px 2px 2px rgba(0,0,0,0.4);  text-align: center; border: 2px solid #898989; color:#FFF; }
.cd_fl a li.index_thmb_cd2 img { width: 100%; }
.cd_fl a li.index_thmb_cd2 .mt_title { font-weight: 600; font-size: 12px; padding:5px 0 0 0; text-align: center; }
.cd_fl a li.index_thmb_cd2 .sday { font-weight: 600; font-size: 18px; }
.index_thmb_cd2 .st_frm01 { position: absolute; top:-5px; left: -5px; width: 121px; height: 14px; background: url(../images/goods/jk_fl_b01.png) no-repeat; background-size:100% auto ; } 
.index_thmb_cd2 .st_frm02 { position: absolute; bottom:-5px; left: -5px; width: 121px; height: 14px; background: url(../images/goods/jk_fl_b02.png) no-repeat; background-size:100% auto ; }

.jk_fl img { width: 120px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); margin: 2px 20px; }
.tenkai_fl { padding:10px 0 5px 0; }
.tenkai_fl img { width: 200px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); margin: 2px 20px; }
a .t_img_fl  { width: 220px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); margin: 10px 0 0 0; padding: 0; background: #222; transition-duration: 0.5s; }
a:hover .t_img_fl  { background:  #555; transition-duration: 0.5s; }
a .t_img_fl  img { width: 220px; margin: 0; padding: 0; }
.pv_links { text-align: center; width: 220px; padding: 0 0 10px 0; font-size:13px; font-weight: 600; color: #FFF; }   
br.pc_r {}
br.mb_r { display: none; }
}


@media screen and (max-width: 600px) {
#content { width: 600px;}
.cd_fl { position: relative; width: 540px; margin: 0 auto; overflow: hidden;}

.cd_fl .cate_mg_title { position: relative; font-size:20px; font-weight: 900; color: #FFF; padding: 15px; margin:20px 10px 5px 10px; line-height: 26px; }
.cate_mg_title .st_frm01 { position: absolute; top:0; left: -5px; width: 30px; height: 56px; background: url(../images/onair/st_frame_sidea.png) no-repeat; background-size: auto 100%; } 
.cate_mg_title .st_frm02 { position: absolute; top:0; right: -15px; width: 30px; height: 56px; background: url(../images/onair/st_frame_sideb.png) no-repeat; background-size: auto 100%; }

.cd_fl ul.cd_topfl { max-width: 540px; padding: 30px 0 50px 0; }
.cd_fl ul.cd_wfl { max-width: 540px; padding: 80px 0 50px 0; }

.cd_fl ul li.title { position: relative; font-size:16px; font-weight:600; padding:15px; margin:0 10px 5px 10px; line-height: 24px; }
.title .st_frm01 { position: absolute; top:0; left: -5px; width: 30px; height: 56px; background: url(../images/onair/st_frame_sidea.png) no-repeat; background-size: auto 100%; } 
.title .st_frm02 { position: absolute; top:0; right: -15px; width: 30px; height: 56px; background: url(../images/onair/st_frame_sideb.png) no-repeat; background-size: auto 100%; }

.cd_fl ul li.top_btm { position: absolute; top: 5px; left:5px; padding:15px 20px; margin: 0 0 0 10px; background:linear-gradient(90deg, #0E344E, #185A87); font-size:14px; font-weight: 600; letter-spacing:3px; color: #FFF; width: 160px; text-align: center; z-index: 10; transform: skewX(-30deg);  }
.cd_fl ul a:hover li.top_btm { color:#FFF;box-shadow:0px 0px 0px rgba(0,0,0,0.4); background: linear-gradient(90deg, #DE4F0D, #E29714); transition-duration:0.5s; }
.cd_fl ul li.top_btm p { transform: skewX(30deg); }


.cd_fl ul a li.index_btm { padding: 15px; background:rgba(48,199,231,0.8); font-size:16px; font-weight:600; color: #FFF; margin-bottom: 10px; border-radius:30px; }
.cd_fl ul a li.index_btm .en { font-family: 'Lato', sans-serif; font-weight:600; }
.cd_fl ul a li.index_btm .sday { font-size:14px; margin-top: 5px; font-weight:400; color:#FFF; }
.cd_fl ul a li:hover.index_btm { background:#719CC5; }
.cd_fl ul li.comm_fl { font-size:13px; font-weight:400; color:#FFF; width: 540px; line-height: 32px; }
.cd_fl ul li.comm_fl .sub{ font-size:13px; font-weight:500; padding:5px 10px; color: #FFF; margin: 0 10px 0 0; transform: skewX(-40deg); }
.cd_fl ul li.comm_fl .sub p{ transform: skewX(40deg); }
.cd_fl ul li.comm_fl a { color: #FFF; text-decoration: underline; transition-duration: 0.5s; }
.cd_fl ul li.comm_fl a:hover { color: #C7B937; text-decoration: underline; transition-duration: 0.5s; }
.cd_fl ul li.comm_fl .sale_day { font-size:26px; font-weight: 600; margin-bottom: 20px; }
.cd_fl ul li.comm_fl .media_c01 { font-size:20px; font-weight: 600; margin: 5px 0 2px 0; }
.cd_fl ul li.comm_fl .cate_tit { font-size:16px; font-weight: 600; margin: 0 0 3px 0; }
.cd_fl ul li.comm_fl .m_list { font-size:13px; font-weight:600; padding:10px 15px;  margin-bottom: 5px; line-height: 20px; }
.cd_fl ul li.comm_fl .m_list .dscp { font-size:11px; font-weight:500; color: #FFF; line-height: 20px; }
.cd_fl ul li.comm_fl .m_list a { padding: 10px 0; }
.cd_fl ul li.comm_fl .m_list a span.event_go { font-size:13px; font-weight:600; color: rgba(48,199,231,0.6); padding:2px 10px; background:#FFF; line-height: 20px; border-radius:20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.cd_fl ul li.comm_fl .m_list a:hover span.event_go { font-size:13px; font-weight:600; color: rgba(50,90,122,0.8); padding:2px 10px; background:#F2DF59; line-height: 20px; border-radius:20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.cd_fl ul li.comm_fl iframe { width: 540px; height: 250px; }

.artist_name { font-size:20px; font-weight: 500; text-shadow: 0px 0px 6px #F7FFCC,0px 0px 2px #FBFF77; }

.cd_fl ul li.ori_comm_fl { font-size:12px; font-weight:600; padding:10px 0 0 0; color: rgba(255,255,255,1.0); width: 540px; line-height: 22px; }
.cd_fl ul li.toku_fl { margin-bottom: 10px; background: rgba(0,0,0,0.4); width: 540px; }
.cd_fl ul li.toku_fl.toku_head { text-align: center; }

.cd_fl ul li.toku_fl .sp01 { width: 510px; padding: 10px 10px 10px 20px; font-weight:600; }
.cd_fl ul li.toku_fl .ct01 { display: none; }
.cd_fl ul li.toku_fl .sp02 { width: 500px; padding: 10px 30px 10px 10px; font-weight:600; text-align: center; vertical-align:top; }
.cd_fl ul li.toku_fl .sp02 img {width: 200px; }
.cd_fl ul li.toku_fl .sp03 { width: 500px; padding: 10px 30px 10px 10px; font-weight:600; text-align: center; vertical-align:top; }
.cd_fl ul li.toku_fl .sp03 img {width: 200px; margin: 0 auto; padding: 0; }
.cd_fl ul li.toku_fl .sp03 span { font-size:10px; }
.cd_fl ul li.toku_fl .ct02 { display: none; }

.cd_fl ul li.img_fl { width: 400px; height: 420px; margin: 0 auto; padding: 30px 0 0 0; margin-bottom: 20px; }
.cd_fl ul li.img_fl img { width: 400px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); }
.cd_fl ul li.openimg_fl { position: absolute; top :345px; left: 15px; width: 200px; height: 200px;  }
.cd_fl ul li.openimg_fl img { width: 200px; }

.cd_fl ul li.toku_head { display: none; }
.cd_fl ul li.toku_fl .pc  { display: none; }
.cd_fl ul li.toku_fl a .sp01  { color:#FFF; }
.cd_fl ul li.toku_fl a .sp01:hover { text-decoration:underline; }
.cd_fl ul li.toku_fl a .sp01 .btm {color:#333; background:#FFF; padding:0 10px; border-radius:10px; margin:5px 0 0 0; text-align: center; width: 80%; margin: 0 auto; }
.cd_fl ul li.toku_fl a .sp01:hover .btm { background:#333; color: #FFF;text-decoration:underline; }	

.cd_fl a li.index_thmb_cd { float:left; position: relative; width:216px; margin: 25px 20px 20px 8px; background: url(../images/goods/jk_fl_bg2.png) center repeat-y; background-size:100% auto ; padding:20px 10px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); font-size:12px; font-weight:500; text-shadow:1px 2px 2px rgba(0,0,0,0.4); text-align: center; color:#FFF; }
.cd_fl a li.index_thmb_cd img { width: 100%; margin-bottom: 10px; }
.cd_fl a li.index_thmb_cd .mt_title { font-weight: 600; font-size: 20px; padding:5px 0 10px 0; text-align: center; }
.cd_fl a li.index_thmb_cd .mt_title2 { font-weight: 600; font-size: 18px; padding:5px 0 10px 0; text-align: center; }
.cd_fl a li.index_thmb_cd .sday { font-weight: 600; font-size: 18px; }
.index_thmb_cd .st_frm01 { position: absolute; top:-15px; left: -8px; width: 252px; height: 33px; background: url(../images/goods/jk_fl_b01.png) no-repeat; background-size:100% auto ; } 
.index_thmb_cd .st_frm02 { position: absolute; bottom:-15px; right: -8px; width: 252px; height: 33px; background: url(../images/goods/jk_fl_b02.png) no-repeat; background-size:100% auto ; }

.field_02 { display: none;}
.cd_fl a li.index_thmb_cd2 { float:left; position: relative; width:100px; margin: 10px 5px 5px 5px; background: url(../images/goods/jk_fl_bg2.png) center repeat-y; background-size:200% auto ; padding:10px 5px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); font-size:10px; font-weight:500; text-shadow:1px 2px 2px rgba(0,0,0,0.4);  text-align: center; border: 2px solid #898989; color:#FFF; }
.cd_fl a li.index_thmb_cd2 img { width: 100%; }
.cd_fl a li.index_thmb_cd2 .mt_title { font-weight: 600; font-size: 12px; padding:5px 0 0 0; text-align: center; }
.cd_fl a li.index_thmb_cd2 .sday { font-weight: 600; font-size: 18px; }
.index_thmb_cd2 .st_frm01 { position: absolute; top:-5px; left: -5px; width: 121px; height: 14px; background: url(../images/goods/jk_fl_b01.png) no-repeat; background-size:100% auto ; } 
.index_thmb_cd2 .st_frm02 { position: absolute; bottom:-5px; left: -5px; width: 121px; height: 14px; background: url(../images/goods/jk_fl_b02.png) no-repeat; background-size:100% auto ; }


.jk_fl { text-align: center; }
.jk_fl img { width: 120px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); margin: 2px auto; }
.tenkai_fl { text-align: center; padding:10px 0 5px 0; }
.tenkai_fl img { width: 200px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); margin: 2px 20px; }
a .t_img_fl  { width: 220px; box-shadow:1px 2px 2px rgba(0,0,0,0.4); margin: 10px 0 0 0; padding: 0; background: url(../images/once_flbg.jpg); transition-duration: 0.5s; }
a:hover .t_img_fl  { background: url(../images/once_flbg2.jpg); transition-duration: 0.5s; }
a .t_img_fl  img { width: 220px; margin: 0; padding: 0; }
.pv_links { text-align: center; width: 220px; padding: 0 0 10px 0; font-size:13px; font-weight: 600; color: #FFF; }   
br.pc_r { display: none; }
br.mb_r {}
}



.m_tit { margin-bottom: 10px; font-weight: bold;}
.cd_wfl .point_fl  { display: table; }
.cd_wfl .point_pi  { display: table-cell; width: 20px; }
.cd_wfl .point_com { display: table-cell;  }


.c_color01 { background: rgba(0,0,0,0.5); color: #FFF; }
.c_color02 { background:linear-gradient(90deg, #0E344E, #185A87); color: #FFF; }
.c_color03 { background: url(../images/set_bg01.jpg); color: #222; }

.c_color00_d { background: url(../images/goods/bddvd/st_frame_body.png) center repeat-x; background-size:auto 100%; color: #FFF; }
.c_color01_d { background: url(../images/set_bg03.jpg); color: #FFF; }
.c_color02_d { background: url(../images/menu_bg.jpg); color: #FFF; }
.c_color03_d { background: url(../images/set_bg01.jpg); color: #222; }


.field_01 {}
.field_02 { padding: 0 0 30px 0;}

/* sliderPro */
@media screen and (min-width: 601px) {
#cd_data { min-width:100%; max-width: 1200px; padding: 0 0 0 50px; }
.sliderPro {width:100%; }
.sp-slide { min-height:870px; }
}

@media screen and (max-width: 600px) {
#cd_data { min-width:600px; max-width:600px; }
.sliderPro {width:540px; }
.sp-slide { /* min-height:1100px; */min-height:800px; }
}