@charset "UTF-8";

/*======== display_none ========*/
#serch, #navi_w, #footer_back, .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;}

#sup_wrap {background:#fff; width:100%; margin:0 1%; min-height:50px;}
.supp img {width:48%; margin:0 auto;}


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

/*======== wide_wrap ========*/
.wide_wrap {margin:0; border-bottom:#000 1px solid;}




/*======== 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;}
/*======== supporter  ========*/
.table01 td.item {width: 25%;}




/*======== schedule =========*/
.sche_table {overflow-x:scroll; word-break: normal;}
table.sch_1 {width:150%; 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;}
.sch_1 th.day, .sch_1 th.day_top {width:10%;}
.sch_1 th.venue {width:20%;}
.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%;}
.scr2 th, .scr2 td {padding:2px; font-size:62.5%;}
.kankyaku {width:10%;}
/* film_img */
.film_img {width:95%; overflow:hidden; margin-left: 2.5%;}
.container {width:95%; overflow:hidden; margin-left: 2.5%; margin-bottom: 10px;}
/* sns_data */
#sns_f ul {width:95%; margin-left: 2.5%;}
#film_data, #film_data_mb10, #film_data_mb20 {width:95%; margin-left: 2.5%; padding-bottom:0; }
#film_data dt, #film_data_mb10 dt, #film_data_mb20 dt {float:none; width:100%; padding:4px 10px 0;}
#film_data dd, #film_data_mb10 dd, #film_data_mb20 dd {width:100%; padding:0 10px 4px;}
/* trailer */
.trailer {width:95%; margin-left: 2.5%;}

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

/* photogallery */
.sub-img li {margin-right: 1%; width: 19%;}

/*======== director_wrap  ========*/
.director_wrap {width:95%; margin-left:2.5%; margin-top: 20px;}
.director_wrap dt {float:none; width:95%; padding:20px 0 0 20px;}
.director_wrap dt img {text-align:center;}
.director_wrap dd {padding:20px 20px 20px 20px;}

.director_wrap2 {width:95%; margin-left:2.5%; margin-top: 20px;}
.director_wrap2 dt {float:none; width:95%; padding:20px 0 0 20px;}
.director_wrap2 dt img {text-align:center;}
.director_wrap2 dd {padding:20px 20px 20px 20px;}

.director_wrap3 {width:95%; margin-left:2.5%; margin-top: 20px;}
.director_wrap3 dt {float:none; width:95%; padding:20px 0 0 20px;}
.director_wrap3 dt img {text-align:center;}
.director_wrap3 dd {padding:20px 20px 20px 20px;}

/*==============================================*/
/* mainvisual_youtubeをレスポンシブルに */
/*==============================================*/
.movie-wrap2 {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	 width:95%; margin-left:2.5%;  margin-right:2.5%; 
}
 
.movie-wrap2 iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.director_messe2 {width:95%; margin-left:2.5%; margin-top: 20px;}




/*======== 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%;}
.lineup03 {width:47%; height:auto; margin:10px 1.5%;}
.lineup04 {width:47%; height:auto; margin:10px 1.5%;}
.lineup_c {font-size:60%; color:#B0B0B0; padding-top:3px; }
.wide_sen02 {width:96%; padding:20px; margin-left: 2%;}


/*======== guest_gst ===========*/
.guest_wrap {padding:0 0; overflow-x:scroll; word-break: normal;}
.guest {width:150%; margin: 0px; height:auto;}
.guest th, .guest td {padding:5px;}
.guest th.title {width:auto;}
.guest th.day {width:auto;}
.guest th.venue {width:auto;}
.guest th.guests {width:auto;}
.guest_01 {padding:0 10px 10px;}


/*======== ticket ========*/
.tick_01 {padding:5%; word-break:normal;}

.TickWide{width: 100%;}

.scroll_tick_t {overflow: scroll;}
.ticktable2 {width: 150%;}




.tick_02, .tick_03 {padding:0 10px; word-break: normal;}
.tick_04 {padding:10px;}
.tick_05 {overflow-x:scroll;}
.tick {width:98%; margin-left:1%; word-break: normal;}
.tick th, .tick td {padding:5px;}


.tick_12 {width:100%; margin-bottom:10px; margin-left:0px;} 

.m_left {text-align: left; margin:0 10px 30px;}
.m_l_clear {padding: 0 5px;}
.m_m_clear {margin: 0 8px;}
.m_m_clear2 {margin: 0 12px;}






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





/*======== stream  ========*/
.stm_1 {width:95%; margin-left:2%; padding:10px 5px 0;}
.stm_2 {width:95%; margin-left:2%; padding:10px 5px 0;}

.stm_lu {padding-left: 10px; padding-right: 10px;}
.stm_lu dt {float:none; width:100%; padding:0px 0px 10px 0px;}
.stm_lu dt img {text-align:center;}
.stm_lu dd {padding:0px;}

.stm_lu2 dt {float:none; width:100%; padding:0px 0px 10px 0px;}
.stm_lu2 dt img {text-align:center;}
.stm_lu2 dd {padding:0px;}

.stm_lu3 dt {float:none; width:100%; padding:0px 0px 10px 0px;}
.stm_lu3 dt img {text-align:center;}
.stm_lu3 dd {padding:0px;}



/*======== event ========*/
.ev_01 dt, .ev_08 dt {float:none; padding:5px 10px 0; width:100%;}
.ev_01 dd, .ev_01 dd.bb_none, .ev_01 dt.long, .ev_08 dd, .ev_08 dd.top {padding:0 10px 5px;}
.ev_06 dt {float:none; padding:5px 5px 0; width:100%;}
.ev_06 dd, .ev_06 dd.bb_none, .ev_06 dt.long {padding:0 5px 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;}

.rep_single {margin-left: 0px}
.rep_single2 {margin-left: 0px;}

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.w95 {width:95%; height:auto; margin-left:2.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;}

iframe.repo {width: 95%; height: 800px; }



/*======== side_wrap =====4F4A0C===*/
/*======== side ========*/
#side {border-top:#000 1px solid; border-bottom:#000 1px solid;} /* top_bottom_border */

#side ul li a, #side ul li a.on, #side ul li a.top, #side ul li a:hover {background:#0068b7; color:#FFF4C8; padding:5px 5px 5px 30px;}
#side ul li a.on {color:#000;}
#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:#fff; 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 1px solid; font-size:75%; line-height:20px;} 
#side_2 ul li a, #side_2 ul li a.top　{background:#004180; 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:#FFF4C8;}
.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:#0068b7;}
.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:#004180;}
.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:#004180;}





/*======== 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.w98 {width:98%; height:auto;}
img.w100 {width:100%; height:auto;}


/*==============================================*/
/* mainvisual_youtubeをレスポンシブルに */
/*==============================================*/
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	 border-right: #000 solid 2px;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}