@charset "UTF-8";
/*Description: SKIPシティ国際Dシネマ映画祭2017*/
/*** BASIC 
*****************************************/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
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;
	/*"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif*/
	font-size:12px;color:#686868;background-color:#FFFFFF;}
br {letter-spacing:normal;}
a {color:#06C;text-decoration:none;}
a:hover{opacity:0.8;}

img {border:0;vertical-align:bottom;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;}
/*** LAYOUT
*****************************************/
#wrapper{ width:960px;margin:0 auto;padding-top:16px;background-color:#FFF;}
header {width:100%;}
/* 後で消す！ */
header#top{padding: 0;/*height: 302px;*/ position: relative;background: #001d35;}
header#page{padding: 0;/*height: 302px;*/ position: relative;background: #001d35;}
/* /後で消す */
header#header{padding: 0;position: relative;background: #23004b;}
#gnavi{width: 100%;height: 64px;background:#ffc81b;}
#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;}
footer#footer{ clear:both;}
aside{margin-bottom:8px;text-align:center;}
#menu_btn{display:none;}
/*** HEADER 
*****************************************/
#header_in{width: 960px;margin: 0 auto;}
#header_in h1{margin:0;padding:0;float:left;}
/*** 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:#dd3992;}
.f_jf{background:#3d93cc;}
.f_js{background:#3371bc;}
.f_o{background:#c5252d;}
.f_kk{background:#31962c;}
.f_d{background:#1c6b32;}
.f_m{background:#318e84;}
.f_b{background:#5e2081;}
/* 一覧用
 **********************/
.f_box{width:168px;float:left;position:relative;padding-top:8px;height:200px; margin: 0 3px; }
.f_box h4{font-size: 13px; line-height: 1.5; }
.f_box p{line-height: 1.3; text-align: justify;font-size: 11px;}
.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;}
/**********************/
.mLR8{margin:0 8px;}
.of_photo {margin:0 8px 8px 0;}
.f_box h4{text-align:center;padding:4px 0;margin:0;}
.copy{font-size:90%;}
/**プログラム
 **********************/
.sub_p{/* サブポジ */width:49%;text-align:center;}
.movie{/* 予告動画 */width:49%;height:191px;position:relative;overflow:hidden;text-align:center;}
.movie iframe {width: 100% ;}
/**********************/
.page_title{background:#c29c51;padding:8px;margin-bottom:16px;}
.tit{padding:8px;margin-bottom:16px;}
section h3{margin:0 0 5px 8px;}
.title {width:704px;overflow:hidden;}
.box{padding:8px;width:696px;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%;}
/***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
*****************************************/
.date {padding-bottom:8px;}
.date img {vertical-align:middle; margin:4px;}
.s_date {padding-bottom:8px; background:#fff; display:block;}/* 短編 */
.s_date img {vertical-align:middle; margin:4px;}
/*** 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;}
/*** PAGETOP 
*****************************************/
#page-top {position: fixed;bottom: 50px;right: 20px;font-size: 110%;z-index: 500;cursor:pointer;background:#ccc;text-decoration: none;color: #FFF;width: 80px;padding: 10px 0;text-align: center;display: block;border-radius: 10px;}
#page-top a {background: #56a6de;text-decoration: none;color: #FFF;width: 100px;padding: 10px 0;text-align: center;display: block;border-radius: 3px;z-index: 500;}
#page-top a:hover {text-decoration: none;background: #b6e0fe;}
.page-top_s{display:none;}
/*** 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
*****************************************/
.n_img{width:100% !important;height:auto !important;}
/*** 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;}
.ml16{margin-left:16px;}
.ml20{margin-left:20px;}
.m8{margin:8px;}
.m15{margin:15px;}
.mt8{margin-top:8px;}
.mt12{margin-top:12px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb16{margin-bottom:16px;}
.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;}
.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%;}



/*アンカーリンクずれ対策*/
#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{width:10%;float:left;font-weight:bold;}
dl.gaiyo dd{width:90%;float:left;}
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;}

.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;}