@charset "UTF-8";
/* CSS Document */

/* Responsive_slicknav_menu width640以下のメニュー */
.slicknav_menu, #side-wrap #side_2, .sp, .back_next, li.p_none {display: none;}
 
@media screen and (max-width: 640px) {
#dropmenu, .sp_first, .sp_second, .pc {display: none;}
.slicknav_menu, #side-wrap #side_2, .sp, .back_next, li.p_none {display: block;}}

/*======== main_right&left ========*/
#main_left {width: 690px; max-height: 20000px; margin: 20px 0 80px 0; border-bottom: #000 3px solid; float: left; clear:both;}
#side-wrap {width: 250px; margin: 20px 0 10px 0; background-color: #fff; float: right;}

#main_left .inner10 {padding: 10px;} /* 左右padding10 div */


/*======== wide_wrap W960 ========*/
.wide_wrap {width:100%; max-height:20000px; margin:20px 0 40px 0; border-bottom:#000 3px solid;}


/*======== common_item_h ==========*/
h1.b_n, h1.btb, h1.bt, h1.bb {width: 100%; box-sizing: border-box; clear: both; font: #000; font-weight: bold; font-size:150%; font-family:'Roboto','Gothic MB101 DemiBold';}
h1.btb {border-top: #000 3px solid; border-bottom: #000 1px solid; padding: 10px;} /* title_border_top_bottom */
h1.bt {border-top: #000 3px solid; padding: 10px 10px 0;}/* title_border_top */
h1.bb {border-bottom: #000 1px solid; padding-bottom: 10px;}/* title_border_bottom */

h2.f20 {font-weight:bold; color:#e60019; font-family:'Roboto',"Gothic MB101 DemiBold"; margin-bottom: 20px;}
h2.f20 {font-size:125%; line-height:160%;}

h2.f20_2 {font-weight:bold; color:#e60019; font-family:'Roboto',"Gothic MB101 DemiBold"; margin-bottom: 10px;}
h2.f20_2 {font-size:125%; line-height:160%;}


/*======== common_item_sns ==========*/
#sns {width: 100%; height: 30px; padding: 5px 0 0 0; font-size: 62.5%; border-bottom: #000 1px solid; margin-bottom: 20px;}
#sns ul {width: 100%; text-align: right;}
#sns ul li, #sns2 ul li {margin-right: 1px; display: inline-block; vertical-align: top;}
#sns2 {width: 100%; height: 30px; padding: 5px 0 0 0; font-size: 62.5%; margin-bottom: 20px;}
#sns2 ul {width:100%; text-align:center;}

/*======== common_item_wrap ==========*/
.sent01 {width:100%; font-size:87.5%; line-height:160%;}
.sent02 {width:100%; padding:0 10px 20px; line-height:160%;} /* font_size指定なし */
.sent03 {width:98%; margin-left: 1%; padding:10px 20px; line-height:150%; background-color:#EEEEEE;} /* font_size指定なし */


/*======== common_item_headline ==========*/
#title01, #title02 {width:100%; border-top:#000 3px solid; box-sizing: border-box;} 
#title01 {border-bottom:#000 1px solid; padding:10px; clear:both;} /* title枠上下線 */
#title02 {padding:10px 10px 0 10px;} /* snsボタン入りtitle　border_bottomなし） */
.sub_head {font-size:75%; color:#999; font-weight:bold;}


/*======== outline_otl ==========*/
h3.otl {background: #e60019; padding: 7px 0; color: #fff; font-weight: bold; line-height: 160%; text-align: center; font-size: 87.5%; font-family:'Roboto',"Gothic MB101 DemiBold";}
h3.otl_pos {color: #000; font-weight: bold; line-height: 150%; font-size:125%; font-family:'Roboto',"Gothic MB101 DemiBold";}/* poster */
h3.otl_sup {background: #000; padding: 7px 0; color: #fff; font-weight: bold; line-height: 160%; text-align: center; font-family:'Roboto',"Gothic MB101 DemiBold";}/* supporter */

h4.otl, h4.otl_bt {color: #e60019; font-weight: bold; line-height: 160%; font-size:112.5%; font-family:'Roboto',"Gothic MB101 DemiBold";}
h4.otl_bt {border-top: 1px #FEC5C6 solid; padding-top: 10px; font-family:'Roboto',"Gothic MB101 DemiBold";}

h5.otl {color: #000; font-weight: bold; line-height: 150%; font-size:112.5%; font-family:'Roboto',"Gothic MB101 DemiBold";}

/* 概要項目 */
.otl_01 dl {width:100%; box-sizing:border-box;}
.otl_01 dt {font-size:75%; width:100px; padding:10px 0 10px 10px; color:#805b13; font-weight:bold; float: left;}
.otl_01 dd {font-size:87.5%; width:100%; padding:10px 10px 10px 120px; border-bottom:#ccc 1px solid;}
.otl_01 dd.bb_none {font-size:87.5%; width:100%; padding:10px 10px 10px 120px; border-bottom:#fff 1px solid;} /* 下線なし */
.otl_01 dt.long {font-size:75%; width:100%; padding:10px 0 10px 10px; color:#6A3800;} /* 項目横幅広め　英語概要 */

/* prizes */
.prz01 {width:100%; min-height:220px; padding:20px; box-sizing:border-box; background-image:url(../img/co/121_04.jpg); background-repeat:repeat; margin-bottom: 20px;}
h2.prz02 {padding:7px; background-color:#bb0000; text-align:center; font-weight:bold; color:#fff; margin-bottom: 20px; font-size: 112.5%;} /* 背景赤　受賞結果一覧ページ　賞タイトル部分 */
h2.prz_t {text-align: center; margin-bottom: 5px; font-family:'Roboto',"Gothic MB101 DemiBold";}
h2.prz_t2 {font-size:137.5%; color: #000; font-weight: bold; text-align: center; margin-bottom: 5px; font-family:'Roboto',"Gothic MB101 DemiBold";}
.prz_st {text-align: center; color: #805b13; font-size: 112.5%; font-weight: bold; margin-bottom: 5px;}
.prz_d {text-align: center; color: #000; font-size: 87.5%;}

/* award */
.award_back {background-image:url(../img/co/121_04_logo.jpg); background-position: center; padding: 20px 30px; margin-bottom: 20px;}
h2.f22 {font-size:137.5%; font-weight:bold; color:#e60019; font-family:'Roboto',"Gothic MB101 DemiBold"; margin-bottom: 10px; text-align: center; line-height: 180%; padding: 0 1em;}
.text_uline{text-align: center;}
.f22 {display: inline-block; position: relative;}
.f22::before, .f22::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px solid #e60019;}
h5.otl_awd {color: #000;}
.award_rec {background:#B8A37B; padding: 3px; color: #fff; margin-top: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center;}
.award_rec2 {color: #805b13;}

/* jury */
.jury1 {width:100%; min-height:350px; box-sizing:border-box; background-image:url(../img/co/121_04.jpg); background-repeat:repeat; line-height: 150%;} /* 審査委員用 背景画像あり */
.jury1 dt{width:220px; padding:30px 0 30px 30px; float: left;}
.jury1 dd{font-size:87.5%; width:100%; padding:30px 30px 30px 250px;}
h2.jury2 {font-size:125%; font-weight:bold; color:#000; font-family:'Roboto',"Gothic MB101 DemiBold"; text-align: center;}
h3.jury3 {color:#805b13; font-family:'Roboto',"Gothic MB101 DemiBold"; text-align: center; margin-bottom: 10px;}
h3.jury4 {font-weight:bold; color:#e60019; font-family:'Roboto',"Gothic MB101 DemiBold"; text-align: center; margin-bottom: 5px;}

/* yellow_back */
.otl_02 {padding:10px 20px; background:#FDEFD6; margin-bottom: 10px;}
/* サポーター */
.table01 {width:100%; border-top:3px #000 solid;}
.table01 th {text-align:center; vertical-align:middle; padding:7px; border:#999 1px solid; background:#ddd; box-sizing:border-box;}
.table01 td {vertical-align:middle; padding:7px; border:#999 1px solid; box-sizing:border-box; background:#FEFFF3;}
.otl_03 {padding:15px 20px 15px 20px; background-color:#EDF3CB; border:1px solid #339900;} /* 緑枠・黄緑背景（サポーター） */

/* チラシダウンロード */
.leaflet {width:40%; float:left;}
.leaflet_round {padding:3px 20px; color:#fff; font-size:87.5%; font-weight:bold; background:#FF0004;
	-moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px;} /* チラシダウンロード */


/*======== schedule_sch ========*/
table.sch_1 {width:960px; margin:0 auto 40px; font-size:75%; border-collapse:collapse;} /* 境界線にある罫線は重ねて1本に */
/* 日程・会場の見出し部分 th */	
.sch_1 th.day, .sch_1 th.day_top, .sch_1 th.venue, .sch_1 th.venue_s{text-align:center; vertical-align:middle; padding:3px; border:#666 1px solid; color:#000; box-sizing:border-box; border-collapse:collapse;}
.sch_1 th.day {width: 4%;}
.sch_1 th.day_top {width:4%; background:#ddd; border-top:3px #000 solid; box-sizing:border-box; }
.sch_1 th.venue {width:16%; background:#ddd; border-top:3px #000 solid; box-sizing:border-box; }
.sch_1 th.venue_s {width:15%; background:#ddd; border-top:3px #000 solid; box-sizing:border-box; }
/* tdセル基本 */	
.sch_1 td {text-align:left; vertical-align:top; border:#666 1px solid; box-sizing:border-box; border-collapse:collapse;}
/* td設定　背景 */
/* ----------------------------------------------------------- */
.bc_co, .bc_sp, .bc_tk, .bc_na, .bc_if, .bc_hs, .bc_os {color:#000; font-weight:bold; padding:4px; min-height:5em;}
.bc_co a, .bc_sp a, .bc_tk a, .bc_na a, .bc_if a, .bc_hs a, .bc_o a {display:block;}
.bc_co {background:#FFC554;}/* コンペ */
.bc_sp {background:#ffcccc;}/* 特別招待 */
.bc_tk {background:#66cc66;}/* 労働・香港・タイ */
.bc_if {background:#99ccff;}/* インディ */
.bc_hs {background:#C2A5D6;}/* 芳泉 */
.bc_os {background:#FF4346;}/* スワーアワード */
.bc_abc {background:#FFFEE3;}
/* ----------------------------------------------------------- */
/* イベント用赤字 */	
.tm {font-weight:bold; color:#cc0000 !important;}	
.so {font-weight:bold; text-decoration:underline; font-size:75%; color:#cc0000 !important;}	
.so_b {font-weight:bold; text-decoration:underline; font-size:75%; color:#000 !important;}	
.so2 {text-decoration:underline; font-size:87.5%; color:#cc0000;}/* 個別作品ページ用 */	
/* ----------------------------------------------------------- */
/* スマホ用上映部門紹介部分 */
.bc_cos, .bc_sps, .bc_tks, .bc_nas, .bc_ifs, .bc_hss, .bc_oss {padding:1px; border:#666 1px solid; margin-bottom: 10px;}
.bc_cos {background:#ffff33;}/* コンペ */
.bc_sps {background:#ffcccc;}/* 特別招待 */
.bc_tks {background:#66cc66;}/* 労働・香港・タイ */
.bc_nas {background:#FFC554;}/* アクション */
.bc_ifs {background:#99ccff;}/* インディ */
.bc_hss {background:#C2A5D6;}/* 芳泉 */
.bc_oss {background:#FF4346;}/* スワーアワード */
/* ----------------------------------------------------------- */
/* カテゴリーアイコン */
.i_co, .i_sp, .i_in, .i_na, .i_hk, .i_ta, .i_if, .i_hs {color:#fff; padding:1px 3px; font-size:75%; margin:-2px -2px 0 2px; line-height:130%;}
.i_co {background-color:#8A860B;}/* コンペ */
.i_sp {background-color:#FF0066;}/* 特別招待 */
.i_in {background-color:#006600;}/* 労働 */
.i_na {background-color:#ff6600;}/* アクション */
.i_hk {background-color:#663300;}/* 香港 */
.i_ta {background-color:#084403;}/* タイ */
.i_if {background-color:#0000ff;}/* インディ */
.i_hs {background-color:#660099;}/* 芳泉 */
/* ----------------------------------------------------------- */
/* アイコン */
.G {font-size:10px; color:#fff; background-color:#FF0004; padding:1px 4px; margin-left:2px; box-sizing:border-box; 
	-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} /* ゲスト */
.G2 {font-size:10px; color:#fff; background-color:#FF0004; padding:1px 3px; margin-left:2px; box-sizing:border-box; border:#eee 1px solid;
	-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.A {font-size:10px; color:#fff; background-color:#000; padding:1px 4px; margin-left:2px; box-sizing:border-box; 
	-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;} /* ゲスト */
.i_b {background-color:#fff; font-weight:bold; border:#000 1px solid; margin-left:2px; color:#000; padding:0 3px; font-size:10px;} /* 白バック */
.i_e {background-color:#000; margin-left:2px; color:#fff; padding:0 3px; font-size:10px;} /* 白バック */
/* ----------------------------------------------------------- */
/* アイコンについて */
.info_dl {width:100%; box-sizing:border-box;}
.info_dl dt {font-size:75%; width:135px; padding:10px 0 10px 10px; float: left; color:#6A3800;}
.info_dl dd {font-size:75%; width:100%; padding:10px 10px 10px 145px; border-bottom:#ccc 1px solid;}


/*======== program_pro =========*/
#f_title, #f_title2 {width:100%; box-sizing: border-box;}  
#f_title {border-bottom:#000 1px solid; border-top:#000 3px solid; padding:10px; clear:both;} /* title枠上下線 */
#f_title2 {padding:10px 10px 0 10px; border-top:#000 3px solid; } /* border_bottomなし */
/* ----------------------------------------------------------- */
h1.film_t {font-size:150%; color:#000; font-weight:bold; font-family:'Roboto','Gothic MB101 DemiBold';}
h2.category {font-size:75%; color:#FF7A00; font-weight:bold; font-family:'Roboto','Gothic MB101 DemiBold';}
h3.sub_title {font-size:75%; color:#999; font-weight:bold;}
.dir {font-size:87.5%; color:#000; font-weight:bold; font-family:'Roboto','Gothic MB101 DemiBold';}
.dir2 {color:#7C3B00; font-weight:bold; font-family:'Roboto','Gothic MB101 DemiBold';} /* director_brawn_interview */
.data {font-size:75%;}
/* ----------------------------------------------------------- */	
ul.premire {width:auto; float:right;}
.j_prem, .w_prem, .i_prem, .a_prem {padding:2px 40px; color:#fff; font-size:75%; font-weight:bold;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.i_prem {padding:2px 30px; color:#fff; font-size:75%; font-weight:bold;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.j_prem {background-color:#FFA700;} /* japan premiere */
.w_prem {background-color:#FF5A5D;} /* world premiere */
.i_prem {background-color:#00D3D6;} /* international premiere */
.a_prem {background-color:#7EDB42;} /* asia premiere */
/* ----------------------------------------------------------- */
#screening {width:100%; margin-bottom:20px; box-sizing:border-box;}
.scr {width:100%; border-collapse:collapse; text-align:center; border-bottom:#999 1px solid;} 
.scr th {background:#eee; font-size:62.5%; padding:4px; vertical-align:middle; color:#6A3800;}
.scr td {border-top:#ddd 1px solid; font-size:75%; padding:4px; vertical-align:middle;}
.kankyaku {width:15%;}
/* ----------------------------------------------------------- */
.film_img {width:100%; margin-bottom:10px; box-sizing:border-box;}
.film_img img {width:100%;}
/* ----------------------------------------------------------- */
#sns_f {width:100%; height:32px; margin-bottom:10px; font-size:62.5%;}
#sns_f ul {width:100%; text-align:center;}
#sns_f ul li {margin-right:3px; list-style-type:none; display:inline-block; vertical-align:top;}
/* ----------------------------------------------------------- */
.trailer {width:320px; padding:10px; margin:0 auto 20px; text-align:center; background:#00B4FF;}
.trailer a {display:block; color:#fff;}
/* ----------------------------------------------------------- */
#film_data {width:100%; padding-bottom:80px; border-top:#ccc 1px solid; box-sizing:border-box; line-height:160%;}
#film_data dt, #film_data_mb10 dt {font-size:75%; width:135px; padding:10px 0 10px 10px; float: left; color:#6A3800;}
#film_data dd, #film_data_mb10 dd {font-size:87.5%; width:690px; padding:10px 10px 10px 145px; border-bottom:#ccc 1px solid;}
#film_data dt.long {font-size:87.5%; width:100%; padding:padding:10px 0 10px 10px; float: left; color:#6A3800;}
#film_data_mb10 {width:100%; padding-bottom:10px; border-top:#ccc 1px solid; box-sizing:border-box; line-height:160%;}
.web_s {color:#fff; padding:3px 10px; margin-right:5px; line-height:180%; background-color:#00B4FF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}/* 関連サイトsns用 */
/*======== program_受賞=========*/
.pro_prizes {width:auto; background-color:#bb0000; padding:5px 40px; color:#fff; font-size:87.5%; font-weight:bold; margin-bottom:12px; text-align:center;}

/*======== program_上映トラブル=========*/
.sent0 {width:100%; font-size:87.5%; border: 1px solid #ddd; padding: 20px; line-height: 140%;}


/*======== program_oasa =========*/
.oasa_p {width:100%; padding:20px; background-image: url(../img/co/121_04.jpg); background-repeat:repeat;}
h3.oasa {background:#7900D3; padding: 5px 0; color: #fff; font-weight: bold; line-height: 160%; text-align: center; font-family:'Roboto',"Gothic MB101 DemiBold";}
h3.oasa2 {background-image: url(../img/event/oasa_bar1.jpg); padding: 7px 0; color: #fff; font-weight: bold; line-height: 160%; text-align: center; font-family:'Roboto',"Gothic MB101 DemiBold";}

table.oasa_detail {width:100%;}
table.oasa_detail th {border-left:#ccc 1px solid; background:#FBD3FF; border-bottom:#ccc 1px solid; padding:10px; width:20%; color:#6A3800; font-size:75%;}
table.oasa_detail td{border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; padding:10px 10px 10px 20px; font-size:87.5%;}

.oasa_guest {width:100%; padding:0 30px 30px; margin:0 auto 20px; background-image:url(../img/co/121_04.jpg); background-repeat:repeat;} /* プロフィールbox */
.oasa_guest2 {width:100%; padding:20px;  border:1px #ddd solid;} /* プロフィールbox */


/*======== program_lineup =========*/
/* wide_wrap w960 bordertopなし */
.wide_wrap_2 {width:100%; max-height:20000px; margin:20px 0 40px 0;border-bottom:#000 3px solid;}
/* ----------------------------------------------------------- */
h2.category_lu {width:100%; font-size:125%; padding:0 5px; color:#000; font-weight:bold; margin-bottom:10px; box-sizing:border-box; font-family:'Roboto','Gothic MB101 DemiBold';}
.wide_sen01 {width:100%; padding:0 10px 20px; font-size:87.5%;}
/* ----------------------------------------------------------- */
.lineup_wrap {width:100%; margin-bottom:30px; border-bottom:#000 1px solid;}
.lineup_wrap2 {width:100%; margin-bottom:30px;}/* 一番下　下線なし */
/* 枠内全域でリンクのため position:relative、〜height:100% */
.lineup01 {width:154px; min-height:270px; vertical-align:top; float:left; margin-right:6px; margin-bottom:10px; position:relative;}
/*.lineup01 a{text-decoration:none; display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.lineup01 a:hover {background:#F5F5F5;}*/
.lineup01 img {width:100%; margin-bottom:5px;}
.lineup_category{padding:0 5px 3px; box-sizing:border-box; font-size:62.5%; color:#FF7A00; line-height:120%;}
h3.lineup_title {padding:0 5px; box-sizing:border-box; font-size:87.5%; font-weight:bold; color:#e60019; line-height:130%; font-family:'Roboto',"Gothic MB101 DemiBold";}
.lineup_subtitle {padding:0 5px; box-sizing:border-box; font-size:75%; color:#666; line-height:130%;}
.lineup_data {padding:0 5px; font-size:62.5%; color:#000;}
.lineup_data_s {padding:0 5px; font-size:40%; color:#000; line-height:110%;}
/* ----------------------------------------------------------- */
/* lineup premiere */
.j_prem_l, .w_prem_l, .i_prem_l, .a_prem_l, .w_prem_l2, .i_prem_l2 {width:100%; text-align:center; padding:1px; color:#fff; font-size:62.5%; margin-top:-5px; margin-bottom:5px;}
.j_prem_l {background-color:#FFA700;} /* japan premiere */
.w_prem_l {background-color:#FF5A5D;} /* world premiere */
.i_prem_l {background-color:#00D3D6;} /* international premiere */
.a_prem_l {background-color:#7EDB42;} /* asia premiere */


/*======== guest_gst ===========*/
.guest_01 {width:100%; padding:0 30px 20px; font-size:87.5%; }
.guest_wrap {width:100%;}
.guest {width:900px; margin-left:30px; margin-bottom:40px; border-top:3px #000 solid;} 
.guest th {text-align:center; vertical-align:middle; font-size:75%; padding:7px; border:#999 1px solid; background:#ddd; box-sizing:border-box;}
.guest td {vertical-align:middle; font-size:81.3%; padding:7px; border:#999 1px solid; box-sizing:border-box; background:#FEFFF3;}
tr.odd td {background-color:#FFE9D4;}
th.day td, th.venue, th.time {text-align: center;}
.gst_b {color:#333; padding:2px 7px; margin:0 5px 0 0; line-height:180%; background-color:#FFD700; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.gst_a {color:#333; padding:2px 7px; margin:0 5px 0 0; line-height:180%; background-color:#5ED100; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.gst_l3 {color:#333; padding:2px 7px; margin:0 5px 0 0; line-height:180%; background-color:#E600AD; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.gst_l4 {color:#333; padding:2px 7px; margin:0 5px 0 0; line-height:180%; background-color:#FF98D4; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.gst_h {color:#333; padding:2px 7px; margin:0 5px 0 0; line-height:180%; background-color:#00CFFF; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.gst_n {color:#333; padding:2px 7px; margin:0 5px 0 0; line-height:180%; background-color:#D16C15; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

/*======== ticket_tick =========*/
.tick_01 {width:100%; padding:0 60px 20px;} /* right_left_p_60 */
.tick_02 {width:100%; padding:0 60px 20px; font-size:87.5%; } /* right_left_p_60 */
.tick_03 {width:100%; padding:0 60px 0;} /* right_left_p_60 */
.tick_04 {width:100%; padding:0 60px 20px; font-size:87.5%; line-height:160%; } /* right_left_p_60 */
h2.ticket {font-size:112.5%; font-weight:bold; color:#000; line-height:160%; font-family:'Roboto',"Gothic MB101 DemiBold";}
h2.ticket_red {font-size:112.5%; font-weight:bold; color:#e60019; line-height:160%; font-family:'Roboto',"Gothic MB101 DemiBold";}

.tick {width:100%; margin-bottom:10px; border-top:3px #000 solid;} 
.tick th {text-align:center; vertical-align:middle; font-size:75%; padding:7px; border:#999 1px solid; background:#ddd; box-sizing:border-box;}
.tick td {vertical-align:middle; font-size:87.5%; padding:7px; border:#999 1px solid; box-sizing:border-box; background:#FEFFF3;}
.tick_nonet {width:100%; margin-bottom:10px;} 
.tick_nonet td {vertical-align:middle; font-size:87.5%; padding:7px; border:#ddd 1px solid; box-sizing:border-box; background:#FEFFF3;}
.pia_seat_icon {color:#fff; padding:2px 10px; font-size:75%; margin:0 5px; line-height:180%; background-color:#02A0D3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.pia_bule_text {color:#fff; padding:2px 10px; font-size:87.5%; margin:0 5px 0 0; line-height:180%; background-color:#22529F; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

h3.tick_tp1{background-color:#ddd; font-weight: bold; padding: 7px 15px; margin-bottom: 7px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
h3.tick_tp1_2{background-color:#ddd; font-weight: bold; padding: 7px 15px; border-top-left-radius:3px; border-top-right-radius:3px;}
h3.tick_tp2{background-color:#FFD0D1; font-weight: bold; padding: 7px 15px; margin-bottom: 7px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
h3.tick_tp3{border: #e60019 3px solid; font-weight: bold; padding: 15px; margin-bottom: 10px; color:#e60019; }
h3.tick_tp3_2{border: #e60019 3px solid; font-weight: bold; padding: 15px; margin-bottom: 80px; color:#e60019; }
h3.tick_tp4 {font-weight: bold; margin-bottom: 5px; font-size: 112.5%;}
h3.tick_tp5{border: #e60019 3px solid; font-weight: bold; padding: 15px; margin-bottom: 10px; color:#e60019; }
.tick_tp6 {margin-bottom: 5px; background-color:#ddd; padding: 20px; margin-bottom: 60px;}


/*======== access_acs ==========*/
.acs_left {width:470px; float:left;}
.acs_right {width:470px; float:right;}

h2.acs {font-weight:bold; font-family:'Roboto','Gothic MB101 DemiBold'; margin-bottom: 5px;}
.acs_adr {font-size:87.5%; color: #000;}
.acs_acs {font-size:75%; color: #666;}


/*======== event_ev ============*/
h3.ev {background: #e60019; padding: 7px 0; color: #fff; font-weight: bold; line-height: 160%; text-align: center; font-size: 87.5%; font-family:'Roboto','Gothic MB101 DemiBold';}
h3.ev_subt {font-size:87.5%; color:#000; font-weight:bold; font-family:'Roboto','Gothic MB101 DemiBold';} /* bookfair */
h3.ev_2 {color:#000; font-weight:bold; font-family:'Roboto','Gothic MB101 DemiBold';} /* bookfair */
h4.ev {color: #000; font-weight: bold; line-height: 150%; font-size:112.5%; font-family:'Roboto','Gothic MB101 DemiBold'}
h4.ev_ds {color: #000; font-weight: bold; line-height: 150%; font-size:112.5%; display: inline-block; font-family:'Roboto','Gothic MB101 DemiBold'}
h5.ev {color: #7C3B00; font-weight: bold; line-height: 150%; font-size:112.5%; font-family:'Roboto','Gothic MB101 DemiBold'}

.ev_01 dl {width:100%; box-sizing:border-box;}
.ev_01 dt {font-size:75%; width:100px; padding:10px 0 10px 10px; color:#805b13; font-weight:bold; float: left;}
.ev_01 dd {font-size:87.5%; width:100%; padding:10px 10px 10px 120px; border-bottom:#ccc 1px solid;}
.ev_01 dd.bb_none {font-size:87.5%; width:100%; padding:10px 10px 10px 120px; border-bottom:#fff 1px solid;} /* 下線なし */
.ev_01 dt.long {font-size:75%; width:100%; padding:10px 0 10px 10px; color:#6A3800;} /* 項目横幅広め　英語概要 */

.ev_02 {padding:20px; background:#FDEFD6;}/* yellow_back */
.ev_03 {width:100%; padding:0 10px 20px; font-size:87.5%; line-height:160%; text-align:center;}
.ev_04 {padding:20px 40px 20px; background:#FDEFD6;}/* yellow_back */
.ev_05 {width:100%; padding:0 0 5px; font-size:87.5%; line-height:160%; text-align:center;}

.ev_cap_1 {background-color:#FFDFDF; font-size:87.5%; text-align:center; line-height:140%;}
.ev_w80perc {width:80%;}/* report 33%2枚写真センタリング用2/3幅div*/


/*======== pre =================*/


/*======== report_rep ==========*/
h2.f18 {width:100%; font-weight:bold; color:#e60019; font-family:'Roboto',"Gothic MB101 DemiBold"; font-size:112.5%; line-height:160%; clear: both;}
h3.f16_0 {width:100%; font-weight:bold; color:#000; font-family:'Roboto',"Gothic MB101 DemiBold"; line-height:160%; clear: both;}
h3.rep_st {background:#805b13; padding: 7px 0; color: #fff; font-weight: bold; line-height: 160%; text-align: center; margin-bottom: 20px; font-family:'Roboto',"Gothic MB101 DemiBold"; clear: both;}
.rep01 {width:100%; font-size:87.5%; line-height:160%; clear: both; margin-bottom: 20px;}
.rep02 {width:100%; font-size:87.5%; line-height:160%; clear: both;}
.rep03 {width:100%; font-size:87.5%; line-height:160%; clear: both; margin-bottom: 40px;}
.rep04 {padding:30px; background-color:#E8F7DF; height:auto;}/*  colum*/
.rep05 {padding:20px; background-color:#E8F7DF; height:auto; margin-bottom: 40px;}/*  Interview_lead*/
.rep06 {padding:30px; background-color:#E8F7DF; height:auto;}/*  Interview_lead*/
.rep07 {width:100%; font-size:87.5%; line-height:160%; clear: both; margin-bottom: 10px;}
.rep08 {padding:10px; background-color:#E8F7DF; height:auto;}/*  colum*/

.cp_1 {background-color:#E3FFD4; font-size:75%; text-align:center; line-height:140%;}
.cp_1_l {background-color:#E3FFD4; font-size:75%; line-height:140%;}
.cp_2 {font-size:75%; text-align:center; line-height:140%;}
.cp_3 {background-color:#E3FFD4; font-size:75%; text-align:center; line-height:140%;}
div.cp_1 p, div.cp_3 p, div.cp_1_l p {padding:8px;}
div.cp_1 img, div.cp_2 img, div.cp_3 img {width: 100%;}

.w70perc {width:600px;}/* report 33%2枚写真センタリング用2/3幅div*/
.w67perc {width:460px;}/* report 33%2枚写真センタリング用2/3幅div*/
.w50perc {width:345px;}

.yt_report a, .yt_report2 a, .yt_report3 a, .yt_report4 a, .yt_report5 a {display:block; color:#fff; font-size:75%;}
.yt_report {margin:0 auto 10px;  padding:5px 10px; text-align: center; background:#cc3333;}
.yt_report2 {width:200px;  padding:5px 10px; text-align: center; background:#cc3333;}
.yt_report3 {width:98%; margin-bottom: 20px; padding:5px 10px; text-align: center; background:#cc3333;}
.yt_report4 {margin:0 auto 80px;  padding:5px 10px; text-align: center; background:#cc3333;}
.yt_report5 {margin:0 auto 40px;  padding:5px 10px; text-align: center; background:#cc3333;}


/*======== side_wrap side ==========*/
#side {width:100%; display:inline-block; border-top:#000 3px solid; border-bottom:#000 3px solid; font-size:75%; line-height:20px;} /* top_bottom_border */
/* ------------------------------- */
/* 項目　リンクあり */
#side ul li a, #side ul li a.top, #side ul li a.on, #side ul li a:hover {padding:3px 3px 3px 10px; box-sizing:border-box; display:block;} 
#side ul li a {border-top:#ddd 1px dotted;} /* 通常 上線 */
#side ul li a.top {border-top:none;} /* 一番上 上線なし */
#side ul li a.on {background:#eee;} /* 現在いるページ　背景色付き */
#side ul li a:hover {text-decoration:none; background:#eee;} /* マウスオン */
/* ------------------------------- */
/* カテゴリー　リンクなし */
.top_cate, .top_cate2, .cate, .cate_top {box-sizing:border-box; display:block; color:#000; font-weight:bold;}
.top_cate {padding:10px;} /* 3階層の時のトップカテ上下padding広め(プレ企画) */
.top_cate2 {padding:10px; border-bottom:#000 1px solid;} /* 3階層の時のトップカテ上下padding広め下線あり(関連イベント) */
.cate {padding:6px 10px; border-top:#000 1px solid;} /* カテゴリー上線★リンクありcssは下記 */
.cate_top {padding:6px 10px;} /* カテゴリー線なし（プログラムカテゴリー） */
/* ------------------------------- */
/* カテゴリー　.cate_lリンクあり（プログラムOASAなど） */
.cate_l a {padding:6px 10px; border-top:#000 1px solid; box-sizing:border-box; display:block; font-weight:bold;}
.cate_l a.on {padding:6px 10px; border-top:#000 1px solid; background:#eee; box-sizing:border-box;}
.cate_l a:hover {text-decoration:none; padding:6px 10px; border-top:#000 1px solid; background:#eee; box-sizing:border-box;}


/*======== list_marker ==========*/
/* 共通 */
ul.list_kome, ul.list_2maru, ul.list_m, ul.list_mblue {margin-left: 1.0em;}
ul.list_kome li, ul.list_2maru li, ul.list_m li, ul.list_mblue li {text-indent: -1.0em;}
/* 見出し文字 */
ul.list_kome li:before {padding:0 0 0 -1em; content: '※ ';} /* ←ここにリストマーカーにしたい文字を設定 */
ul.list_2maru li:before {padding:0 0 0 -1em; content: '◎ ';}
ul.list_m li:before {padding:0 0 0 -1em; content: '・';}
ul.list_mblue li:before {padding:0 0 0 -1em;content: '-'; color:#00C5DF;}/* レポート小見出しリンクあり用 */
/* lineheight 広め チケットページなど */
ul.list_m2 {margin-left: 1.0em;}
ul.list_m2 li {text-indent: -1.0em; margin-bottom:5px;}
ul.list_m2 li:before {padding:0 0 0 -1em;content: '・';}
/* english */
ul.list_m3 {margin-left: 0.8em;}
ul.list_m3 li {text-indent: -0.8em;}
ul.list_m3 li:before {padding:0 0 0 -1em;content: '- ';}
ul.list_m4 {margin-left: 0.8em;}
ul.list_m4 li {text-indent: -0.8em;}
ul.list_m4 li:before {padding:0 0 0 -1em;content: '* ';}


/*======== image_size ==========*/
.w670_center {width:670px;text-align:center;}
.w100p {width:100%;}
.w99p {width:99%;}
.w98p {width:98%;}
.w97p {width:97%;}
.w96p {width:96%;}
.w95p {width:95%;}
.w90p {width:90%;}
.w80p {width:80%;}
.w75p {width:75%;}
.w70p {width:70%;}
.w69p {width:69%;}
.w68p {width:68%;}
.w67p {width:67%;}
.w66p {width:66%;}
.w65p {width:65%;}
.w64p {width:64%;}
.w63p {width:63%;}
.w62p {width:62%;}
.w61p {width:61%;}
.w60p {width:60%;}
.w59p {width:59%;}
.w58p {width:58%;}
.w57p {width:57%;}
.w56p {width:56%;}
.w55p {width:55%;}
.w54p {width:54%;}
.w53p {width:53%;}
.w52p {width:52%;}
.w51p {width:51%;}
.w50p {width:50%;}
.w49p {width:49%;}
.w48p {width:48%;}
.w47p {width:47%;}
.w46p {width:46%;}
.w45p {width:45%;}
.w44p {width:44%;}
.w43p {width:43%;}
.w42p {width:42%;}
.w41p {width:41%;}
.w40p {width:40%;}
.w39p {width:39%;}
.w38p {width:38%;}
.w37p {width:37%;}
.w36p {width:36%;}
.w35p {width:35%;}
.w34p {width:34%;}
.w335p {width:33.5%;}
.w33p {width:33%;}
.w325p {width:32.5%;}
.w32p {width:32%;}
.w31p {width:31%;}
.w30p {width:30%;}
.w29p {width:29%;}
.w28p {width:28%;}
.w27p {width:27%;}
.w26p {width:26%;}
.w25p {width:25%;}
.w245p {width:24.5%;}
.w24p {width:24%;}
.w20p {width:20%;}
.w19p {width:19%;}
.w18p {width:18%;}
.w17p {width:17%;}
.w15p {width:15%;}
.w13p {width:13%;}
.w12p {width:12%;}
.w10p {width:10%;}