@charset "UTF-8";

/*======== display_none ========*/
#serch, #navi_w, #footer_back, .i_co, .i_sp, .i_in, .i_na, .i_hk, .i_ta, .i_if, .i_hs, .rep_pc {display:none;}

/*======== header_search_backimage_none ========*/
#header {width:100%; overflow:hidden; text-align:center; background-image:none; height:auto;}
#header h1 img {width:97%; float:none; margin:0;}

/*======== footer ========*/
#sponsor {background:#fff; padding:0px; width: 100%;}
#sponsor_wrap {width:100%; margin:0 auto; height:auto;}
.sp_sp img {width:98%; margin:0 auto;}
#sponsor_wrap ul li {margin-bottom:10px; margin-top:20px;}
#footer_wrap {width:100%; margin:0 auto;}

/*======== main_contents float解除で左右を上下に配置 ========*/
#main {width:100%; overflow:hidden;}
#main_left, #side-wrap {width:100%; overflow:hidden; float:none; margin:0 auto 20px;}
#main_left {border-bottom:none;}


/*======== wide_wrap ========*/
.wide_wrap {margin:0;}

/*======== sns_center ========*/
#sns ul {width:100%; text-align:center;}


/*======== sp_float_padding ========*/
.sp_float_none {float:none;}
.sp_p_none {padding:0;}
.sp_p_20 {padding:20px;}
.sp_clearfix {clear:both;}
.sp_clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden; overflow:hidden;}


/*======== outline ========*/
.otl_01 dt, .otl_01 dt.long {float:none; padding:5px 10px 0; width:100%;}
.otl_01 dd, .otl_01 dd.bb_none {padding:0 10px 5px;}
/*======== leaflet ========*/
.leaflet {width:90%; margin-left:5%;}
/*======== award ========*/
.award_back {padding:20px;}
/*======== jury  ========*/
.jury1 {width:90%; margin-left:5%;}
.jury1 dt {float:none; width:90%; padding:20px 0 0 20px;}
.jury1 dt img {text-align:center;}
.jury1 dd {padding:20px;}


/*======== schedule =========*/
.sche_table {overflow-x:scroll;}
table.sch_1 {width:100%; height:auto;}
.sch_1 th.day, .sch_1 th.day_top, .sch_1 th.venue, .sch_1 th.venue_s {padding:2px; box-sizing:border-box;}
.info_dl dt {float:none;width:100%;padding:2px 10px 0;}
.info_dl dd {width:100%;padding:0 10px 2px;}


/*======== program_pro =========*/
/* mobile_back_next */
.back_next {width:100%; text-align:center; font-size:75%;}
.back, .next {width:50%; height:30px; position:relative; border-top:#ccc 1px solid;}
.back a, .next a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; padding-top:5px; font-weight:bold; background: #eee;}
.back {border-right:#ccc 1px solid; box-sizing:border-box; float:left;}
.next {float:right;}
/* f_title */
#f_title ul {float:left; width:auto; margin-bottom:3px;} /* premiereを左トップに */
#f_title .category {clear:both;}
/* screening */
.scr th, .scr td {padding:2px; font-size:62.5%;}
.kankyaku {width:10%;}
/* film_img */
.film_img {width:95%; overflow:hidden; margin-left: 2.5%;}
.bxslider img {width: 100%; height:auto;}
.bxslider iframe {width: 95%; height:auto;}
/* sns_data */
#sns_f ul {width:95%; margin-left: 2.5%;}
#film_data, #film_data_mb10 {width:95%; margin-left: 2.5%; padding-bottom:0; }
#film_data dt, #film_data_mb10 dt {float:none; width:100%; padding:4px 10px 0;}
#film_data dd, #film_data_mb10 dd {width:100%; padding:0 10px 4px;}
/* trailer */
.trailer {width:95%; margin-left: 2.5%;}

.sent0 {margin-left: 10px; margin-right: 10px; width: auto;}


/*======== program_oasa =========*/
.oasa_guest {padding:0 20px 20px;}
.oasa_guest2 {padding:10px;}

/*======== program_lineup ========*/
.wide_wrap_2 {width:100%; overflow:hidden;margin:0 0 0 0;}
.lineup01 {width:47%; height:auto; margin:10px 1.5%;}
.lineup02 {width:47%; height:auto; margin:10px 1.5%;}


/*======== guest_gst ===========*/
.guest_wrap {padding:0 0; overflow-x:scroll;}
.guest {width:100%; margin: 0px;}
.guest th, .guest td {padding:5px;}
.guest th.title {width:20%;}
.guest th.day {width:15%;}
.guest th.venue {width:15%;}
.guest th.guests {width:48%;}
.guest_01 {padding:0 10px 10px;}



/*======== ticket ========*/
.tick_01 {padding:0; overflow-x:scroll;}
.tick_02, .tick_03 {padding:0 10px;}
.tick_04 {padding:10px;}
.tick {width:98%; margin-left:1%;}
.tick th, .tick td {padding:5px;}
.price, .p_code, .sales_end {width:10%;}
.type {width:70%;}


/*======== access ========*/
.acs_left, .acs_right {width:100%; float:none; padding:0 10px;}
.acs_left iframe {width:90%; min-height:150px; margin-left: 5%;}


/*======== event ========*/
.ev_01 dt {float:none; padding:5px 10px 0; width:100%;}
.ev_01 dd, .ev_01 dd.bb_none, .ev_01 dt.long {padding:0 10px 5px;}
.ev_w75fn {width:75%; height:auto; float:none; margin-left:12%;}
.ev_w100fn {width:100%; height:auto; float:none;}
.ev_w100m0 {width:100%; height:auto; margin-left:0;}


/*======== report ========*/
.cp_1, .cp_2, .cp_1_l {float:none; width:100%;}
.cp_3 {width:100%;}
.rep04 {padding: 10px;}

div.w40 {width:40%; height:auto;}
div.w49_c {width:49%; height:auto; margin-left: 24%;}
div.w49 {width:49%; height:auto;}
div.w60 {width:70%; height:auto; margin-left: 20%;}
div.w70 {width:70%; height:auto; margin-left: 15%;}
div.w60fn {width:60%; height:auto; float:none; margin-left:20%;}
div.w75fn {width:75%; height:auto; float:none; margin-left:12%;}
div.w90 {width:90%; height:auto; margin-left:5%;}
div.w100 {width:100%; height:auto;}
div.w100fn {width:100%; height:auto; float:none;}
.w100m0 {width:100%; height:auto; margin-left:0;}
.mobile_p0 {padding:0;}

/*======== side_wrap ========*/
/*======== side ========*/
#side ul li a, #side ul li a.on, #side ul li a.top, #side ul li a:hover {background:#223776; color:#D5FAFF; padding:5px 5px 5px 30px;}
#side ul li a.on {color:#6AF0FF;}
#side ul li a:hover {text-decoration:underline;}

.top_cate, .top_cate2 {background:#000; color:#fff; border-bottom:#ddd 1px dotted;} /* 3階層トップ */
.cate, .cate_top {background:#000; color:#fff; padding:5px 5px 5px 30px;} /* カテ黒背景白文字 */
.cate_l a, .cate_l a.on, .cate_l a:hover {background:#000; color:#82F5FF; padding:5px 5px 5px 30px; border-top:#ddd 1px dotted;}
.cate_l a:hover {text-decoration:underline;}

/*======== side_2_mobile ==========*/
#side_2 {width:100%; display:inline-block; border-bottom:#000 3px solid; font-size:75%; line-height:20px;} 
#side_2 ul li a, #side_2 ul li a.top　{background:#0074FE; color:#fff; padding:5px 5px 5px 30px; box-sizing:border-box; display:block;} 
#side_2 ul li a {border-top:#ddd 1px dotted;} /* 通常 上線 */
#side_2 ul li a.top {border-top:none;} /* 一番上 上線なし */
#side_2 ul li a.topr {padding:5px 5px 5px 30px;}

/*======== side_sub_menu yajirusi ==========*/
.side_sub_menu li a, .side_sub_menu li.cate_l a {position:relative;}
.side_sub_menu li a:before {display:block; content:""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; left:15px; width:8px; height:8px; margin-top:-4px; background:#D5FAFF;}
.side_sub_menu li a:after {display:block; content:""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; left:12px; width:8px; height:8px; margin-top:-4px; background:#223776;}
.side_sub_menu li.cate_l a:before {display:block; content:""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; left:15px; width:8px; height:8px; margin-top:-4px; background:#0074FE;}
.side_sub_menu li.cate_l a:after {display:block; content:""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; left:12px; width:8px; height:8px; margin-top:-4px; background:#000;}

/*======== side_main_menu yajirusi ==========*/
.side_main_menu li a {position:relative;}
.side_main_menu li a:before {display:block; content:""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; left:15px; width:8px; height:8px; margin-top:-4px; background:#fff;}
.side_main_menu li a:after {display:block; content:""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; left:12px; width:8px; height:8px; margin-top:-4px; background:#0074FE;}


/*======== img_width_% ==========*/
img.w30 {width:30%; height:auto;}
img.w32 {width:32%; height:auto;}
img.w35 {width:35%; height:auto;}
img.w40 {width:40%; height:auto;}
img.w45 {width:45%; height:auto;}
img.w48 {width:48%; height:auto;}
img.w50 {width:50%; height:auto;}
img.w55 {width:55%; height:auto;}
img.w60 {width:60%; height:auto;}
img.w65 {width:65%; height:auto;}
img.w70 {width:70%; height:auto;}
img.w75 {width:75%; height:auto;}
img.w80 {width:80%; height:auto;}
img.w85 {width:85%; height:auto;}
img.w90 {width:90%; height:auto;}
img.w95 {width:95%; height:auto;}
img.w100 {width:100%; height:auto;}