@charset "UTF-8";
/*Description: SKIPシティ国際Dシネマ映画祭2017*/
/*** BASIC
*****************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
html {overflow-y:scroll;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {margin:0px;padding:0;letter-spacing:normal;line-height:1.8;min-width:960px;font-family:'Noto Sans JP',sans-serif;font-size:12px;color:#686868;background-color:#FFFFFF;position: relative;}
br {letter-spacing:normal;}
a { text-decoration:none; }
a:hover{opacity:0.8;}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

img {border:0;vertical-align:bottom;max-width:100%;height: auto;}
iframe { max-width: 100%; }

h1,h2,h3,h4,h5,h6 {margin:0;}
.clear{ clear: both; line-height:0;}
.clearfix:after {visibility:hidden;height:0;display:block;font-size:0;content:" ";clear:both;}
* html .clearfix {zoom:1;}

/*コンテンツが少なくて下に余白ができてしまうのを防ぐ--ここから*/
body { display:flex; flex-direction: column; min-height:100vh; }
.bl_sitemap { margin-top:auto }
@media screen and (max-width: 750px) {
	.ly_footer { margin-top:auto !important; }
}
/*コンテンツが少なくて下に余白ができてしまうのを防ぐ--ここまで*/


@media screen and (min-width: 751px) {
	.pcBlock { display: block !important; }
	.spBlock { display: none !important; }
}

@media screen and (max-width: 750px) {
	.spBlock { display: block !important; }
	.pcBlock { display: none !important; }
}

/*** LAYOUT
*****************************************/
#wrapper{ width:960px;margin:0 auto;padding-top:16px;background-color:#FFF;}
#topimg{margin:0 auto;width:960px;height:298px;text-align:center;position:relative;}
#key{margin:0 auto;width:960px;height:298px;text-align:center;position:relative;}
#language{position:absolute;left:0;top:0;}
#language_p{position:absolute;right:24px;top:0;}
#language img{border-radius:0 0 10px 10px;}
#language_p img{border-radius:0 0 10px 10px;}
#for_press{position:absolute;left:110px;top:0;}
#for_press img{border-radius:0 0 10px 10px;}
#contents {margin: 0;padding:0;position:relative;}
#sub{ float: right;width:224px;/*height:500px;*/}
#sub2{display:none;}
#main{ float:left;width:720px;}
aside{margin-bottom:8px;text-align:center;}
/*** SUB banner
*****************************************/
#sub h3{padding:8px;color: rgba(100,49,50,1.0);}
#sub p{margin: 0px 0px 10px;}
#sub nav a:hover{/*background:rgba(255,255,255,0.4);*/opacity:0.8;}
.spink{background:#fcbb9a;}
/*** TOP banner
*****************************************/
nav#top_nav p.nav_btn img{ display:block;width:350px;} /*background:#f79dc7; float:left; margin-bottom:20px;}
nav#top_nav .ml20 img{margin-left:20px;}*/
/*#top_nav .l2 a{padding:16px 0 8px 0 !important;line-height:1.0 !important;}
*/
#top_nav p{float:left; margin-bottom:20px;}
#top_nav a:hover{background:rgba(255,255,255,0.4);}
/*** Global-MENU
*****************************************/
/*** プルダウン
 **********************/


#gnavi2 {display:none;}/* スマホ用nav */
/*** KEYビジュアル
*****************************************/
#key h2{margin:0;padding:0; background-color:#23004b;}
#topimg h2{margin:0;padding:0;}
/*** MAIN CONTENTS
*****************************************/
section{padding:4px;margin-bottom:16px;}

/*** NEWS TOPICS
*****************************************/

section.n_topics ul.l_box,ul.r_box{width:95%; max-width:330px; float:left; margin:15px 0;}
section.n_topics img{width:148px; float:left;}
section.n_topics p{width:170px; float:left; margin-left:10px; line-height:1.5;color:#666;}
section.n_topics p span{font-weight:bold;}

.l_box li:first-child,.r_box li:first-child{margin-bottom:20px;}
.r_box li p{line-height:1.4;}
section.n_topics{ background-image: url(img/top_news_obi_ss.png); background-position:top left; background-repeat:no-repeat;}

/*section color
 **********************/
.top_photo{background:#8ac2de;}
.n_topics{background:#86b3ca;}
.news{background:#86b3ca;}
.film_t{background:#9bc4bf;}
.film_t h3.title {font-size:16px;}
.f_i{background:#d2284f!important;}
.f_jf{background:#005d8b;}
.f_js{background:#005d8b;}
.f_op{background:#af2b24!important;}
.f_kk{background:#31962c;}
.f_d{background:#1c6b32;}
.f_m{background:#318e84;}
.f_b{background:#5e2081;}
.f_sscr{background:#8c407b;}
.f_r{background:#378e39;}
.f_ch{background:#30aa94;}
.f_os{background:#00a0ce;}
/* 一覧用
 **********************/
.f_boxWrap { display: flex; flex-wrap: wrap; }
.f_box{width:168px;position:relative;padding-bottom: 34px; margin: 8px 3px 10px; }
.f_box h4{font-size: 13px; line-height: 1.5; }
.f_box p{line-height: 1.6; text-align: justify;font-size: 11px;}
.f_box p.f_box_typeWrap {line-height: 1.3; margin-top: 5px;}
.f_box_type {display: inline-block; font-size: 11px; padding: 2px 13px 2px 12px;}
.f_box_type__jp {color: #FF7878; border: solid 1px #FF7878;}
.f_box_type__wp {color: #FFBE32; border: solid 1px #FFBE32;}
.f_box_type__ip {color: #6EA8FF; border: solid 1px #6EA8FF;}
.f_box_type__ap {color: #7CCB74; border: solid 1px #7CCB74;}
.f_box p.link {text-align:right;font-size:95%;padding-right: 16px; position: absolute; bottom: 0;right:0;}
/*その他一覧用
 **********************/
.f_box2{ width:100%;position:relative;margin-top: 24px;}
.f_box2 img{max-width: 320px; height: auto;}
p.link2 {font-size:95%; position: absolute; bottom: 0; right:8px;background-color: #9ac4bf;
    border-radius: 3px;
    padding: 2px 4px;}
p.link2 a{color: #FFF;}
.f_box3{ width:100%;position:relative;}
/**********************/
/* 上映作品詳細用 2021.7.29 add start
 **********************/
 .film_infowrap {display: flex;justify-content: space-between; flex-direction: row; padding: 18px 8px 8px 8px; background-color:#F9F9F9;}
 .film_dateinfo { width: 55%; flex-shrink: 0; }
 .film_dateinfo_dl {display: flex; flex-wrap: wrap;}
 .film_dateinfo_dt { display: block; width: 21%; margin-bottom: 10px; flex-shrink: 0; }
 .film_dateinfo_dt_text { color: #fff; background-color: #686868; padding: 3px 10px 4px; margin-right: 5px; margin-bottom: 5px;}
 .film_dateinfo_dd_wrap { margin-bottom: 10px; width: 79%; flex-shrink: 0; }
 .film_dateinfo_dd_date {margin-right: 5px; font-size: 14px;}
 .film_dateinfo_dd_place {font-size: 14px; margin-bottom: 0;}
 /* .film_genreinfo {display: flex;} */
 .film_genreinfo { text-align: right; }
 .film_genreinfo span { margin-bottom: 2px; margin-left: 2px; }
 .film_genreinfo_time{color: #3371BC; border:1px solid #3371BC; font-size:12px; padding: 0 18px; display: inline-block;}
 .film_genreinfo_premiere{color: #fff; font-size:12px; margin-left: 4px; padding: 0 23px; display: inline-block;}
 .film_genreinfo_premiere__jp {background-color: #FF7878; border: solid 1px #FF7878;}
 .film_genreinfo_premiere__wp {background-color: #FFBE32; border: solid 1px #FFBE32;}
 .film_genreinfo_premiere__ip {background-color: #6EA8FF; border: solid 1px #6EA8FF;}
 .film_genreinfo_premiere__ap {background-color: #7CCB74; border: solid 1px #7CCB74;}
 .film_attention {color: #CC3300; border: solid 1px #CC3300; padding: 10px; margin: 12px 0;}
 h6.film_txt_description {color: #686868;}

 @media screen and (max-width: 840px) {
	.film_infowrap{width: 97%; margin: 0 auto;}
 }

 @media screen and (max-width: 750px) {
	.film_infowrap{flex-direction: column; width: 97%; padding: 15px 8px;}
	.film_dateinfo {width: 100%;}
	.film_dateinfo_dt { display: block; width: 100%; margin-bottom: 5px; }
	.film_dateinfo_dd_wrap { width: auto; margin-bottom: 0; }
	.film_dateinfo_dd_place {margin-bottom: 5px;}
	.film_genreinfo { text-align: left; }
	.film_attention { padding: 5px 10px; }
}

@media screen and (max-width: 479px) {
	.film_infowrap{width: 95%;}
}
 /* 上映作品詳細用 2021.7.29 add end
 **********************/
/**********************/
/* SP版サイドナビ(スケジュール・チケット) 2021.8.10 add start */
#sub2 p.sub2_main {width: 100%; text-align: center;}
#sub2 p.sub2_sub {background: #555; width: 50%;}

@media screen and (max-width: 750px) {
	#sub2 { background: #555 !important; display: flex; flex-wrap: wrap; padding: 0 !important;}
	#sub2 a { color:#fff; display:block; font-size:11px; padding: 10px 0 10px 10px; text-align: center; }
	#sub2 > p { text-align: left; }
	#sub2 p.sub2_main { background: #333333; width: 100%; text-align: center; padding: 0 !important;}
	#sub2 p.sub2_main a { padding: 10px 0; }
	#sub2 p.sub2_sub {width: 50%;}
}
/* 751~840pxのときのsub navの箇所の文字色がおかしかったので調整 2021.8.27 add */
@media screen and (max-width: 840px) {
	#sub2 a { color:#fff; display:block; font-size:11px; padding: 10px 0 10px 10px; text-align: center; }
}

/* SP版サイドナビ(スケジュール・チケット) 2021.8.10 add end
 **********************/


 /**********************/
/* サイドナビ色調整 2021.8.10 add start */
 .submenu__item_link.submenu__item_link_goods {
	 color: #000;
 }
 /* サイドナビ色調整 2021.8.10 add end
 **********************/

 /**********************/
/* チケットページ 2021.8.05 add start */
 .ticket_contents{border: 4px solid #5494A6;}
 .ticket_contents p {line-height: 1.9; margin-bottom: 2px;}
 .ticket_contents_txt_green {color: #5494A6; font-size: 13px;}
 .ticket_contents_btn {border: 3px solid #E96884; width: 48%; margin: 14px auto 27px; text-align: center;padding: 5px;}
 .ticket_contents_btn_link {font-size:16px; color: #fff; background-color: #E96884; padding: 14px 30px;display: block;}
 .ticket_contents_ttl {color: #76523C; font-size: 14px; border-bottom: 1px solid #76523C; margin-bottom: 12px; padding-bottom: 2px;}
 .ticket_contents_fee_table {width: 100%;margin: 15px 0; line-height: 1.85;}
 .ticket_contents_fee_table th {background: #DAEEFE;}
 .ticket_contents_fee_table th:nth-child(1) {width: 72%;}
 .ticket_contents_fee_table td { padding: 4px 8px;}
 section.ticket_contents_freepass {margin-bottom: 2px;}
 .ticket_contents_freepass_txtwrap{margin-bottom: 10px;}
 .ticket_contents_freepass_period {display: flex; flex-wrap: wrap; font-size:13px}
 .ticket_contents_freepass_period + .ticket_contents_freepass_period { margin-top: -10px;}
 .ticket_contents_freepass_period .ticket_contents_freepass_period_text {color: #5494A6;}
 .ticket_contents .ticket_contents_txt { display: flex; }
 .ticket_contents .ticket_contents_textTtl {white-space: nowrap;}
 .ticket_contents_freepass_compe_dt {color: #5494A6; font-size: 14px; display: block; margin-bottom: 5px;}
 .ticket_contents_freepass_compe_dt ~ div,
 .ticket_contents_freepass_compe_dt ~ ul,
 .ticket_contents_freepass_compe_dt ~ ol { margin-left: 12px;}
 .ticket_contents_freepass_compe_dd {padding: 0.5em 1em; margin-bottom: 10px;}
 .ticket_contents_freepass_compe dd:last-child {margin-bottom: 0; padding-bottom: 0;}
 .ticket_contents_freepass_compe_dd_ttl {color: #fff; background-color:#5494A6; padding: 2px 12px; margin-top: 4px; display: inline-block;}
 .ticket_contents_fee p + .ticket_contents_freepass_compe_dd_ttl,
 .ticket_contents_multiText + .ticket_contents_freepass_compe_dd_ttl { margin-top: 14px;}
 .ticket_contents_freepass_order {margin-left: 1em; margin-top: 6px; margin-bottom: 4px;}
 .ticket_contents_advance_period {font-size: 13px; display: flex;}
 .ticket_contents_advance_period dd {width: 80%;}
 .ticket_contents_prevention p {margin-bottom: 8px;}
 .ticket_contents_prevention_stng {font-size: 14px; line-height: 1.4;}
 .ticket_contents_caution p {margin-bottom: 5px;}
 .ticket_contents ul {list-style: none;}
 /* indent */
 .ajust_indent:lang(en) { text-indent: -0.5em; padding-left: 0.5em; }
 @media screen and (max-width: 750px) {
	.ticket_contents{border-width: 2.5px;}
	.ticket_contents p {line-height: 1.75;}
	.ticket_contents h4 {margin-top: 0;}
	.ticket_contents .film_attention {margin-top: 0;}
	.ticket_contents_btn {width: 83%; margin-bottom: 19px;}
	.ticket_contents_btn_link {padding: 10px 30px; font-size: 14px;}
	.ticket_contents_ttl {font-size: 15px; padding-bottom: 4px; margin-bottom: 11px;}
	.ticket_contents_fee_table {line-height: 1.7;}
	.ticket_contents_fee_table th {padding: 10px 0;}
	.ticket_contents_fee_table td {padding: 13px 0 10px 9px; line-height: 1.5;}
	.ticket_contents_fee_table th:nth-child(1) {width: 60%;}
	.ticket_contents_fee_table th:nth-child(2) {width: 20%;}
	.ticket_contents_fee_table th:nth-child(3) {width: 20%;}
	section.ticket_contents_advance {margin-top: 0!important;}
	.ticket_contents_advance_period dt{width: 22%;}
	.ticket_contents .ticket_contents_txt { flex-direction: column; }
	.ticket_contents_freepass_period_textTtl { display: block;}
	.ticket_contents .ticket_contents_textTtl { display: block; }
	.ticket_contents_freepass_period dd:nth-child(4) {width: 63%;}
	.ticket_contents_freepass_compe_dt {font-size: 13px; line-height: 1.7; margin-top: 15px;}
	.ticket_contents_freepass_compe_dd {padding: 0.5em 0;}
	.ticket_contents_freepass_compe_dt ~ div,
	.ticket_contents_freepass_compe_dt ~ ul,
	.ticket_contents_freepass_compe_dt ~ ol { margin-left: 0;}
	.ticket_contents_freepass_compe_dd_ttl {padding: 0 7px;}
	.ticket_contents_freepass_compe_caution {margin-left: 3px; margin-top: 12px;}
	.ticket_contents_freepass_order {text-indent: 0; padding-left: 0; margin-top: 3px;}
	.ticket_contents_prevention p {margin-bottom: 5px;}
	.ticket_contents_prevention_stng {font-size: 13px; margin-bottom: 9px;}
	.ticket_contents_caution p {margin-bottom: 4px;}
	section.ticket_contents_wheelchair {margin-top: 0!important;}
}
 /* チケットページ 2021.8.05 add end
 **********************/

.mLR8{margin:0 8px;}
.of_photo {margin:0 8px 8px 0;}
.f_box h4{text-align:left;padding:4px 0;margin:0;}
.copy{font-size:90%;}
/**プログラム
 **********************/
.sub_p{/* サブポジ */width:49%;text-align:center;}
.movie{/* 予告動画 */width:640px; height:360px; position:relative;overflow:hidden; margin: 0 auto; }
.movie iframe {width: 100%; height: 100%;}
/**********************/
.page_title{background:#6e6656;padding:8px;margin-bottom:20px;}
.tit{padding:8px;margin-bottom:16px;}
section h3{margin:0 0 5px 8px;}
.title { width:720px; overflow:hidden; }
.box{padding:8px;width:712px;height:auto;background-color:#fff;line-height:2.0;}
.box_photo{padding:0;background-color:#fff;}
.box ol {list-style-position:inside;}
.box ul {list-style-type:circle;padding-left:2%;}
@media screen and (max-width: 750px) {
	.box ul {list-style-type:circle;padding-left:5%;}
}

.un_italic{font-style: italic;}
/***EVENT INDEX
*****************************************/
.event li{width:48%;float:left;}
.bull {list-style-position:inside;padding-left:8px;}
/*** TABLE
*****************************************/
table{ border-collapse:collapse; border:1px #686868 solid;margin:0 auto;}
th,td{padding:4px;border:1px #ccc solid;}
th{ background:rgba(253,229,234,0.5);}


/*--------table追加--------*/
tbody{width:95%;}

.schedule table {
	border:solid 1px #999;
	width:100%;
	border-collapse: collapse;
	padding:1px;
	font-size:0.8em;
	}
.schedule table td {
	border:solid 1px #999;
	padding:2px 0;
	}


/*.schedule table td*/ .fday{
	font-size:1.1em;
	text-align: center;
	width: auto;}/* 日付部分 */

/*.schedule table td*/ .ftit{
	width:auto;
	font-size:1.1em;}/* タイトル部分 */

/*.schedule table td*/ .octit{
	width: auto;
	text-align:center;
	font-size:1.3em;}/* 開場開演 */
.b_none {
	display: inherit;}
td.ftit img{max-width:31px;}


/* 国際コンペティション */
.schedule table td.fil_i{border-bottom:3px solid #dd3992;}
.schedule table td.fil_i a{color:#dd3992;}
/* 国内コンペティション 長編部門 */
.schedule table td.fil_jf{border-bottom:3px solid #3d93cc;}
.schedule table td.fil_jf a{color:#3d93cc;}
/* 国内コンペティション 短編部門 */
.schedule table td.fil_js{border-bottom:3px solid #3371bc;}
.schedule table td.fil_js a{color:#3371bc;}
/* オープニング上映 */
.schedule table td.fil_o{border-bottom:3px solid #c5252d;}
.schedule table td.fil_o a{color:#c5252d;}
/* 飛翔する監督たち from SAITAMA */
.schedule table td.fil_kk{border-bottom:3px solid #31962c;}
.schedule table td.fil_kk a{color:#31962c;}
/* 名匠たちの軌跡 */
.schedule table td.fil_d{border-bottom:3px solid #1c6b32;}
.schedule table td.fil_d a{color:#1c6b32;}
/* 怪盗グルーシリーズ一挙上映 */
.schedule table td.fil_m{border-bottom:3px solid #00a29a;}
.schedule table td.fil_m a{color:#00a29a;}
/* バリアフリー上映 */
.schedule table td.fil_b{border-bottom:3px solid #5e2081;}
.schedule table td.fil_b a{color:#5e2081;}
/* カメラクレヨン */
.schedule table td.fil_cc{border-bottom:3px solid #f19100;}
.schedule table td.fil_cc a{color:#f19100;}
/* クロージング */
.schedule table td.fil_close{border-bottom:3px solid #ffcc00;}
.schedule table td.fil_close a{color:#ffcc00;}

/*** INFORMATION
*****************************************/
#main dl.information {width:690px;line-height:1.5em;height:170px;overflow-y: scroll;}/* default height:250px*/
#main dl.information dt {clear:both;float:left;/*width:90px;*/margin:0;padding:0 0 0 5px;margin-bottom: 8px;}
#main dl.information dd {padding:0;width:580px;display:block;margin-top: 0;margin-right: 0;margin-bottom: 8px;float:right;}
.news_p{height:320px !important;}
/*** FILMS
*****************************************/
/* スケジュールページ */
.table_3col{width: 100%; margin: 17px auto 38px; line-height: 1.85;}
.table_3col:last-of-type { margin-bottom: 15px; }
.table_3col th, .table_3col td {font-size: 14px; padding: 10px 15px; border:1px solid #686868;}
.table_3col th {background: #EFEFEF; width: 16.189%; text-align: center;}
.table_3col td {width: calc((100% - 16.189%)/3); padding-right: 22px; padding-left: 22px;}
.table_3col td:empty {background: #DFDFDF;}
.table_3col td .date { letter-spacing: 0.1em; }
a.suchedule_link {color: #686868;}
.suchedule_time {color: #5494A6;}
.date img {vertical-align:middle; margin:4px;}
.s_date {padding-bottom:8px; background:#fff; display:block;}/* 短編 */
.s_date img {vertical-align:middle; margin:4px;}
.skipCity_hole{ border: 4px solid #5494A6; padding: 8px 8px 20px 8px }


/*曜日色設定*/
.is_holiday{ color: #CC3300 !important; }
.is_saturday{ color: #5494A6 }
.is_sunday{ color: #CC3300 }

@media screen and (max-width: 750px) {
	.table_3col{border: none; margin-top: 15px; margin-bottom: 12px;}
	.table_3col:last-of-type { margin-bottom: 3px; }
	.table_3col tbody, .table_3col tr, .table_3col th, .table_3col td {width: 100%; display: block;}
	.table_3col tr {margin-bottom: 10px; border:1px solid #686868;}
	.table_3col th, .table_3col td {font-size: 12px; box-sizing:border-box; border:none;}
	.table_3col th { letter-spacing: 0.06em; text-align: center; padding: 4px; }
	.table_3col td { display: flex; padding-bottom: 10px; border-top: solid 1px #686868;}
	.table_3col td .suchedule_link { display: flex;}
	.table_3col td:empty {display: none;}
	.suchedule_time {margin-right: 20px;}
	.skipCity_hole{ box-sizing: border-box; padding: 9px 6px; border-width: 2.5px; }
}

/**********************/
/* ゲストページ 2021.8.17 add start */
@media screen and (max-width: 760px) {
	.gst_wrap {	display: flex;flex-wrap: wrap;}
	.gst_wrap .gst {width: 50%;}
}
/**********************/
/* ゲストページ 2021.8.17 add end */

/*** TITLE
*****************************************/
h1{font-size: 150%; margin: 10px 0px;padding: 5px 10px; font-weight: bold;color: #555555;}
h2{font-size:134%; padding:5px 10px;font-weight:bold;color: #7B7B7B;}
h3{font-size: 125%;font-weight: bold;color:#fff;}
h4{margin:8px 0 8px 0;font-size:120%; font-weight:bold;color:#76523c;}
h5{color: #5494A6;font-size: 117%;font-weight: bold;margin-bottom: 8px;}
h6{color: #5494A6;font-weight: bold;}
h4 a{color:#76523c;}
h6 a{color: #5494A6;}

/*** SNS
*****************************************/
.sns{text-align:right;}
/* sponsor
*****************************************/
section#sponsors { text-align: center;margin-top:20px; background:#FFF;padding:10px 3px; border-top:#c29c51 solid 3px ;}
section#sponsors img.ar{height:55px !important;margin:10px;padding:5px;}
section#sponsors p.ring_p{margin:10px 0 60px; font-size:11px;letter-spacing:0.1em;}
section#sponsors .sbn_c{  width: 98%; height: auto; max-width: 400px; margin-top:15px; margin-bottom:20px;}
section#sponsors .smmr{  width: 30%;  height: auto;  max-width: 200px;}
section#sponsors h3 {  text-align: center; margin: 0 5px 8px 0;  padding-bottom: 10px;  color:#c29c51;}
section#sponsors ul li {width: 30%; margin-bottom: 15px; margin-left: 10px; float: left; list-style:none;}

section#sponsors .ct {text-align:center;}
section#sponsors .ct ul {	margin-left:auto;	margin-right:auto;}
section#sponsors ul li img {  width: auto;  height: auto;  max-height:60px; }
section#sponsors ul.media li {width:23.9%; margin-bottom: 15px; margin-left: 10px; float: left; list-style:none;}
aside{margin:30px auto;}
aside img.ar {height:55px !important;width:auto;padding:5px;}
aside p.ring_p{margin:10px 0 30px; font-size:11px;letter-spacing:0.1em;}


/*** sitemap
*****************************************/
section#sitemap  {width:952px;border-left: #c29c51 solid 4px ;border-right:#c29c51 solid 4px ;border-bottom:#c29c51 solid 4px ;margin-left:auto;margin-right:auto;padding:0;}
#sitemap  h4 {	margin:0;	padding:8px;	color:#FFF;	background:#c29c51;}
section#sitemap  dl {	margin-top:1%;	margin-left:2.4%;	margin-bottom:8px;	float:left;}
section#sitemap  dt {	color:#43683d;	font-weight:bold;	font-size:0.9em;	margin-bottom:3px;	margin-top:8px;}
section#sitemap  dd {	margin-left:16px;	font-size:0.85em;	color:#43683d;	line-height:1.4em;}
div#contents section#sitemap  a {	text-decoration:none;	color:#43683d;	display:block;}
section#sitemap  a:hover {text-decoration:underline;}
/*** FOOTER
*****************************************/
#footer{	bottom:0;	padding-top:5px;	background-color:#FFFFFF;	font-size:84%;	text-align:center;	z-index:3;}

/*** CMS news & films
*****************************************/
.film_label { font-size: 18px; line-height: 1.5; }
.film_txt { font-size: 14px; }
.film_txt.txt_layout { overflow: hidden; }
.display-flex {display:flex; justify-content:space-between; align-items:flex-start;}

.n_img{width:100% !important;height:auto !important;}

/* Wysiwyg style */
.box .alignnone { display: block; margin: 0.5em 0; }
.box .aligncenter { display: block; margin: 0.5em auto; }
.box .alignleft { display: block; margin: 0.5em auto 0.5em 0; }
.box .alignright { display: block; margin: 0.5em 0 0.5em auto; }

/*** class
*****************************************/
.fl{float:left;}
.fr{float:right;}
.tac{text-align:center;}
.tar{text-align: right;}
.fontSS {font-size:65%;}
.fontS {font-size:85%;}
.fontM{font-size:95%;}
.fontL {font-size:117%;}
.fontLL{font-size:20px; line-height:1.5em;}
.fw_b{font-weight:bold;}
.fw_nml{font-weight:normal !important;}
.fc_brown{color:#76523c;}
.fc_Red {color: #C30;}
.fc_blue{color:#25bced;}
.cb{clear:both;}
.ml1em{margin-left:1em;}
.ml16{margin-left:16px;}
.ml20{margin-left:20px;}
.m8{margin:8px;}
.m15{margin:15px;}
.mt8{margin-top:8px;}
.mt05{margin-top:5px;}
.mt09{margin-top:9px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt20{margin-top:20px;}
.mt24PC{margin-top:24px;}
.mt30{margin-top:30px;}
.mb05{margin-bottom: 5px;}
.mb08{margin-bottom: 8px;}
.mb10{margin-bottom: 10px;}
.mb16{margin-bottom:16px;}
.mb22PC{margin-bottom:22px;}
.mb20PC{margin-bottom:20px;}
.mtb20{margin:20px 0;}
.mtb50{margin:50px 0;}
.p_10{padding:10px;}
.p_20{padding:20px;}
.p_30_0{padding:30px 0;}
.pt16{padding-top:16px;}
.pt50{padding-top:50px;}
.mb2{margin-bottom:2px;}
.bgc_blue{	background-color:#DAEFFF !important;}
.ff{display:none;}
.fff{color:#fff !important;}
.gold{color:#ffedab;}
.c_red {color:#CC3300;}
.div_0a{ margin:0;}
.smtp_v{display:none;}
.mt0{margin-top:0 !important;}
.m_photo{margin: 0 15px 0 0;border-radius:10px;}
.m_photo2{margin: 0 15px 0 10px;border-radius:10px;}
.d-photo{margin: 0 8px 8px 0;}
.bgfff{background-color:#fff;}
.bgblue{background-color:#001d35;}
.icon{border-radius:10px;vertical-align:middle;margin:5px;}
.bb1 {border: #5C3422 solid 1px;}
.bb2 {border: #ccc solid 1px;}
.b_btm1{border-bottom:#8A654C solid 1px;}
.g_btm1{border-bottom:#5A94A3 solid 1px;}
.vam{vertical-align:middle;}
.login {background: #68B8D9;padding:10px 40px;display: inline-block;}
.g_photo{width:150px !important;height:200px !important;}
.f_none{width:150px !important;height:auto !important;margin:8px;}

.bg_lg{background:#efefef;}
.yellow{background:#fcf123;}
.pink{background:#e975aa;}
.orange{ background:#f9ae23;}
.wblue{ background:#25bced;}
.green{ background:#a8ce34;}
.mint{ background:#94d1cf;}
.momo{ background:#f7b4d2;}
.purple{ background:#af427a;}
.b_purple{ background:#af427a;}
.tea{background:#8a9e60;}
.brown{background:rgba(86,55,26,1.00);}
.d_blue{background:rgba(2,86,147,1.00);}
.ml3em{margin-left:3em;}
.lh_18{line-height:1.8em;}
.lh_14{line-height:1.4em;}
.lh_11{line-height:1.1em;}
.ls_012{letter-spacing:0.12em;}
.ls_02{letter-spacing:0.2em;}
.ls_01{letter-spacing:-0.1em;}
.ls_005{letter-spacing:-0.05em;}
.op_07{opacity:0.7;}
.mw_150{max-width:150px;}
.mw_200{max-width:200px;}
.mw_300{max-width:300px;}
.mw_500{max-width:500px;}
.slide:not(.dsplay){display:none;}
div#contents section#side_other .sdt{background-color:#ffe9de;padding:5px;}
div#contents section#side_other .click{cursor:pointer;}
.a_link{text-align:center;}
.of_h{overflow:hidden;}
p.a_txt{float:right; width:50%;}

.playguide{text-align: center !important;}
.playguide img{border: solid 1px #CCC; border-radius: 10px;padding:2%;width: 26%;}
.ticket{margin: 0 2%;}
.flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.flex video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; }

@media screen and (max-width: 750px) {
	.mt24PC { margin-top: 0; }
	.mb20PC {margin-bottom:0;}
	.mb22PC { margin-bottom: 0; }
	.mt10SP { margin-top: 10px; }
	.mt24SP { margin-top: 24px; }
	.mt34SP { margin-top: 34px; }
	.mb11SP {margin-bottom: 11px;}
	.mb30SP { margin-bottom: 30px; }
}
/*アンカーリンクずれ対策*/
#t_01,#i_01{padding-top: 380px;
margin-top: -380px; }


p.s_film{font-size:1.2em;font-weight:bold;display:block;position:absolute;}
section.f_s hr{width:90%;float:right;}

/*開催概要*/
dl.gaiyo{margin:20px 0;}
dl.gaiyo dt{font-weight:bold;}
dl.gaiyo dd{}
dl.gaiyo_mp dt{width:20%;float:left;font-weight:bold;}
dl.gaiyo_mp dd{width:80%;float:left;}


/**/
.h4_ttl{text-align:left;padding-left:0.5em;line-height:1.5em;}
.place{font-size:1.2em;padding-left:0.5em;letter-spacing:0.2em;}
#schedule_sat{margin-top:50px;}



/*夏祭りイベント一覧*/
#event_a{max-width:400px; margin:0 auto;}
ul.event_a li{text-align:center;list-style:none;}
.event_a li{padding:10px;float:left;}
.w255 { width: 255px; }
@media screen and (max-width: 840px){
	.w255 { width: auto; }
}

.point_01{
	background:#FF0000;display:block;border-radius:5px;width:60px;margin:0 10px;float:right;
	color:#fff;font-size:1em;font-weight:bold;letter-spacing:0.1em;text-align:center;}

/*画像表示切替*/
.pc_img{display:block;}
.sp_img{display:none;}
li.logo_p img{margin-left:65%; margin-top:15px;}/*スポンサーロゴ最後尾中央揃え*/


/*来場ゲスト*/

h4.gst_sche{font-size:1.3em;margin:50px 0 30px 0; clear:both;}
h5.bb_d a{color:#5494a6;}
.gst{
	float:left;
	margin:10px 0 50px 0;
	width:25%;
}

.gst img{
	height:auto;
	padding: 3px;
	width:96%;
	}

.bb_d{border-bottom:1px dotted;}

/* 視聴方法 */
.plan_bg { background-color: #64B486; }
.plan_wrap { margin-bottom: 33px; }
.plan_ttl { background-color: #7caebc; padding: 3px 10px; color: #fff; }
.plan_label { display: inline-block; border: 1px solid #7caebc; padding: 0 9px; color: #5494a6; font-size: 12px; }
.plan_banner { margin: 13px auto 22px; text-align: center; }
.bd_gray { border: 1px solid #cfcfcf; padding: 15px; margin: 0 8px 16px; }
.mb22 { margin-bottom: 22px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.ml10_important { margin-left: 10px; !important; }
@media screen and (max-width: 750px) {
	.bd_gray { margin: 0 0 15px; padding: 10px;}
	.plan_ttl { padding: 3px 7px; }
}

/*ディレクターメッセージ*/
.msg_text{ margin-bottom: 30px; }
.msg_text.first{ margin-top: 12px }

@media screen and (max-width: 750px) {
	.msg_text{
		margin-bottom: 20px;
	}
}

/*本年度審査員*/
.chief_textBox{ margin-bottom: 30px;}
.chief_caption{ margin-bottom: 30px;}
.judge_textBox{ margin-bottom: 30px;}
.judge_caption{ margin-bottom: 30px;}

/*映画祭について*/
.normal_text{ margin-bottom: 30px;}

/*アクセス*/
.bl_gMap > iframe{ width: 100%; }
.bl_access_timetable a {
  display: block;
}
@media screen and (max-width: 750px) {
  .bl_access_timetable {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .bl_access_timetable img {
    display: inline-block;
    max-width: none;
    height: auto;
    max-height: 300px;
  }
}
.bl_access_table table {
  width: 100%;
  font-size: 1em;
}
@media screen and (max-width: 750px) {
  .bl_access_table {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .bl_access_table table {
    white-space: nowrap;
  }
}
.bl_access_table td:nth-child(1) {
  width: 20%;
}
.bl_access_table td:nth-child(2) {
  width: 10%;
}
.bl_access_table td:nth-child(3) {
  width: 70%;
}
.bl_access_movie {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
  margin-top: 12px;
}
.bl_access_movie iframe {
  width: 100%;
}
@media screen and (max-width: 750px) {
  .bl_access_movie iframe {
    aspect-ratio: 16 / 9;
  }
}
.bl_cardUnit {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 20px 10px;
  padding-left: 0!important;
  counter-reset: circle-counter;
}
.bl_cardUnit > .bl_card {
  list-style: none;
  position: relative;
}
.bl_cardUnit > .bl_card p {
  padding-left: 1.5em;
  position: relative;
  counter-increment: circle-counter;
}
.bl_cardUnit > .bl_card p::before {
  content: counter(circle-counter);
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.4em;
  font-size: 0.9em;
  border-radius: 50%;
  background: #FA8F20;
  color: #fff;
  text-align: center;
}

/* 2019 renewal common
================================================= */
/* reset */
.ly_header ul,.bl_nav_pc ul,.bl_nav_sp ul,.bl_sitemap ul,.ly_footer ul { list-style:none }.ly_header img,.bl_nav_pc img,.bl_nav_sp img,.bl_sitemap img,.ly_footer img { max-width: 100%; height: auto; width /***/:auto; vertical-align:top; display:block; }

/* pcBlock */
.ly_header .pcBlock,.bl_nav_pc .pcBlock,.bl_nav_sp .pcBlock,.ly_footer .pcBlock { display: block; }
.ly_header .spBlock,.bl_nav_pc .spBlock,.bl_nav_sp .spBlock,.ly_footer .spBlock { display: none; }

/*============================
header
============================*/
.ly_header { width: 100%; }
.ly_header .ly_header_inner { width: 960px; margin: 0 auto; padding-top: 8px; }
.ly_header .bl_header_nav { display: flex; align-items: center; }
.ly_header .bl_header_lang .bl_header_lang_item .bl_header_lang_item_link:hover { opacity: 0.7; }
.ly_header .bl_header_press { margin-left: 14px; font-size: 16px; font-weight: 500; }
.ly_header .bl_header_press .bl_header_press_link { display: block; padding-left: 21px; background: url(./img/common/icon_header_press.png) no-repeat center left/13px 14px; transition: opacity 0.3s; }
.ly_header .bl_header_press .bl_header_press_link:hover { opacity: 0.7; text-decoration: none; }
.ly_header .bl_header_sns .bl_header_sns_item { margin-right: 10px; padding-right: 10px; }
.ly_header .bl_header_sns .bl_header_sns_item:last-child { margin-right: 0; padding-right: 0; border-right: none; }
.ly_header .bl_header_logo .bl_header_logo_link { display: block; transition: opacity 0.3s; }
.ly_header .bl_header_logo .bl_header_logo_link:hover { opacity: 0.7; text-decoration: none; }
/*============================
nav
============================*/
.bl_nav_pc .bl_nav_pc_list .bl_nav_pc_list_item .bl_nav_pc_child_list .bl_nav_pc_child_list_item {}
.bl_nav_sp { display: none; }
.bl_nav_sp_over { display: none; }
/*============================
page top
============================*/
.bl_pagetop { width: 55px; display: block; position: fixed; bottom: 50px; right: 30px; z-index: 500; cursor:pointer; }
.bl_pagetop.is_bottom { position: absolute; }
.bl_pagetop_img { transition: opacity 0.3s; }
.bl_pagetop:hover .bl_pagetop_img { opacity: 0.7; }
/*============================
saitemap
============================*/
/*.bl_sitemap { width: 100%;  background: #333333; border-bottom: 1px solid #4d4c4c; }*/
/*.bl_sitemap .bl_sitemap_inner { width: 960px; margin: 0 auto; padding: 40px 0 75px; display: flex; }*/
/*.bl_sitemap .bl_sitemap_item { width: 176px; margin-right: 20px; }*/
/*.bl_sitemap .bl_sitemap_item:last-child { margin-right: 0; }*/
/*.bl_sitemap .bl_sitemap_item .bl_sitemap_link { color: #fff; }*/
/*.bl_sitemap .bl_sitemap_item .bl_sitemap_link:hover { text-decoration: underline; opacity: 1; }*/
/*.bl_sitemap .bl_sitemap_item .bl_sitemap_ttl { margin-bottom: 5px; padding: 0; color: #fff; font-weight: bold; }*/
/*.bl_sitemap .bl_sitemap_item .bl_sitemap_list { margin-bottom: 30px; }*/
/*.bl_sitemap .bl_sitemap_item .bl_sitemap_list:last-child { margin-bottom: 0; }*/
/*.bl_sitemap .bl_sitemap_item .bl_sitemap_list .bl_sitemap_list_item { margin-bottom: 5px; padding-left: 1em; position: relative; }*/
/*.bl_sitemap .bl_sitemap_item .bl_sitemap_list .bl_sitemap_list_item:last-child { margin-bottom: 0; }*/
/*.bl_sitemap .bl_sitemap_item .bl_sitemap_list .bl_sitemap_list_item::before { content: '・'; display: block; color: #fff; position: absolute; top: 0; left: 0; }*/
/*============================
footer
============================*/
.ly_footer { width: 100%;  background: #000001; }
.ly_footer .bl_footer_inner { width: 960px; margin: 0 auto; padding: 17px 0 20px; }
/* .ly_footer .bl_footer_nav { margin-bottom: 4px; display: flex; justify-content: center; }
.ly_footer .bl_footer_nav_item:last-child::after { content: none; } */
.ly_footer .bl_footer_nav_item .bl_footer_nav_link { color: #fff; }
