@charset "UTF-8";
/* CSS Document */
/*************************************
      PC Tablet
*************************************/
@media screen and (max-width: 840px) {


body {width:100%;min-width:480px;max-width:960px;position:relative;}

#wrapper{ width:100%;overflow:hidden;}
header#header{width:100%;height:auto;}
header#top{background: none;height:auto;}
header#page{background: none;height:auto;}
#header_in{width:100%;height:auto;}

#language_p{display:none;}
#language{display:none;}

#menu_btn{display: inherit;position: absolute;top:8px; right:0;background: #CCC ;border-radius: 8px 0 0 8px ;
width:40px; height:40px;padding:4px 0;text-align:center;z-index:800;}
#menu_btn a{display:block;}
#for_press{display:none;}
#top_degi{display:none;}
/* Footer
-----------------------------*/
footer{width:98%;	padding:0 1%;margin-top:15px;}
	
/* Global-MENU
-----------------------------*/
section.top_photo{margin-top:0 !important;}

#gnavi {display:none;}

.clearfix2:after {visibility:hidden;height:0;display:block;
	font-size:0;content:" ";clear:both;}

/*  key-visual
-----------------------------*/
#topimg h2{margin:0 !important;padding:0 !important;width:100%;}
#topimg{width:100%;	height:auto;	clear:both;	text-align:center;}
#topimg h2 img{width:96% ;height:auto;}
#key{width:100%;height:auto;clear:both;text-align:center;}

#key h2{	margin:0 auto;	padding:0;	width:100%;}
#key h2 img{width:96% !important;height:auto !important;}

/*  top_nav
-----------------------------*/
#top_nav {width:100%;margin:0 auto;}
#top_nav p{width:46.5%;float:left;	margin-left:2%;	margin-right:1% !important;}
#top_nav .l2 a{padding:16px 0 12px 0 !important;}
nav#top_nav p.nav_btn img{ width:100% !important; height:auto; }
/**　スライドメニュー
***************************************************************/
.menu_title{background-color:#ffc81b;display:block;	padding:8px 0;color:#FFF;	text-align:center;}
.menu_title a{color:#fff; display:block;}
#top_menu{	margin-top:5px;}
#top_menu p{	width:48%;	font-size:14px;	float:left !important;margin-left:1%;	margin-right:1%;margin-bottom:4px;
	border: #fff solid 1% !important;	text-align:center;	background-color:#ffcc99/*rgba(255,204,204,1.00)*/;}
#top_menu p a:hover{padding:8px 0;background-color:#fcd7a1/*rgba(255,241,0,1.00)*/;}
#top_menu p a{ padding:8px 0;display:block;}

/*  contants page
-----------------------------*/
#wrapper{width:100%;min-width:480px;max-width:960px;}
#contents{width:100%;min-width:480px;max-width:960px;height:auto;margin-bottom:10px;}
p.a_txt{width:100%;}
.sub_p{width:100%;max-width:400px;}

/* side navi
-----------------------------*/
#sub{display:none;}
#sub2{	background-color:#ffc81b;width:100%;padding:8px 0 3px 0;}
#sub2 a{color:#2c2202; display:block;}
#sub2{display:inherit;float:none;margin:0 auto;height:auto;}
#sub2 p{	text-align:center;width:50%;	float:left;	padding-bottom:5px;}
	
.mb5a{margin-bottom:5px;}
	
/*-----------------------------*/

#main{ float:none;width:100%;height:auto;}
#main section{	margin-top: 15px;	margin-right: auto;margin-left: auto;	margin-bottom: 0;	width: 95%;}
section h3{	margin-top:0px;margin-bottom:0;}
aside{text-align:center;margin-top:30px;}
aside img{width:100%;height:auto;}
.box{width:97%;margin:0 auto}

/* 一覧用*/
.f_box{	width:49%;	margin-right:1%;height:250px;}
.f_box img{	width:100%;max-width:224px;height:auto;}
.f_box2 img.of_photo{width:100% !important;max-width:320px !important;} 
.mLR8{margin:0 1% 0 0;}
.mLR2p{margin:0 2%;}
.f_box h4{	width:100%;text-align:left;	font-size:96%;height:auto !important;}

.f_box p.link a{	display: inherit;position: inherit ;	left:0; top:0;	text-align: center;	text-indent: inherit;}
.f_box:hover{	position:relative;	width:49%;	background-image:none;}
.f_box2 p.link2 a{	display: inherit;position: inherit;	left:0; top:0;height:100%; width:100%;	text-align: right;	text-indent: inherit;}
.f_box2:hover{	position:relative;	width:100%;	background-image:none !important;}

/* 作品詳細 */
.sub_p{margin:8px auto;}
.movie {	margin:8px auto;}
.movie frame{	width:100% !important;}

/*class
******************************************/
.fl{float:none;}
.fr{float:none;}
.box .tac img{/*	width:31%;*/	height:auto;}
.smtp_w{	width:100%;height:auto;}
.div_0a{	display:block;	margin:0 auto;}
	

/*** Sitemap
*****************************************/
section#sitemap  {width:98%;	border-left: rgba(117,181,154,1.00) solid 1px ;	border-right:rgba(117,181,154,1.00) solid 1px ;
	border-bottom:rgba(117,181,154,1.00) solid 1px ;}

section#sitemap  dd {	margin-left:8px;	font-size:0.85em;	color:#43683d;	line-height:1.4em;}

/*** to TOP 
*****************************************/
#page-top{position: fixed;	bottom: 20px !important;right: 16px !important;	font-size: 110%;	z-index: 500;}

/*** INFORMATION  
*****************************************/
#main dl.information {	width:100%; line-height:1.5em; height:320px;	overflow-y: scroll;}
#main dl.information dt { float:none;   width:100%;margin:0;   padding:0;}
#main dl.information dd {	float:none;	width:100%;	padding:0;margin-top: 0;	margin-right: 0;	margin-left:0;	margin-bottom: 0.5em;}

/***sponsor
***********************/
section#sponsors ul li img {height:35px !important;width:auto;}
section#sponsors img{height:35px !important;width:auto !important;}

/*** class 
****************/
.smtp_none{display:none;}
.smtp_v{display: inline;}
.maxW360{width:100%;height:auto;max-width:360px;	margin-top:10px;}
.maxW200{	max-width:200px;	height:auto;}
.w50{	width:95%;height:auto;max-width:90px;}
.pointa{	width:100% !important;	max-width:338px;	height:auto;}
.mb10a{	margin-bottom:10px;}
.ml10{	margin-left:0;}
.title { width:96%;}

section.n_topics,section.news{ background-image:none;  }
/*
section.n_topics ul.l_box,ul.r_box{width:45%;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;}
*//*section.n_topics ul.l_box, ul.r_box{max-width:380px;}
*/

}


/*************************************************************************************
      Mobile 
*************************************************************************************/
@media screen and (max-width: 479px){
body {width:100%;min-width:240px;max-width:479px;}
#gnavi li{	width: 50%;}
.press{	width:100%;}
#wrapper{ width:100%;min-width:320px;max-width:479px;}
header#header{height:auto;}
#header_in{	width:100%;height:95px;}
#header_in h1{	width:100%;height: auto;	float: none;text-align:center;}
#header_in img{width:100%;max-width:104px;height:auto;	float:none;margin:0 auto;}
nav#top_nav{width:95%; margin:15px auto 0;}
#top_nav p {width: 49%;}

/*nav#top_nav p.nav_btn img {height:30px !important;width:auto;}
nav#top_nav p.nav_btn img.live {height:68px !important;width:auto;  }*/

nav#top_nav p.nav_btn img{ width:100% !important; height:auto; }
#top_nav p{margin-left:0; margin-right:1%!important;}

#top_degi{display:none;}

section#sponsors ul li{width:29%;}/*TOPスポンサー*/

section.n_topics,section.news{ background-image:none;  }
section.n_topics p{width:45%; float:left; margin-left:10px; line-height:1.5;color:#666;}
/*section.n_topics p{width:55%;}
section.n_topics ul.l_box, ul.r_box{width:100%;}
section.n_topics ul.l_box,ul.r_box{width:45%;float:left; margin:15px 0;}
section.n_topics img{max-width:148px; float:left;}
section.n_topics p{width:95%; max-width:170px; float:left; margin-left:5px; line-height:1.5;color:#666;}
section.n_topics p span{font-weight:bold;}
*//*section.n_topics ul.l_box, ul.r_box{max-width:380px;}
*/

/* Footer
-----------------------------*/
footer{	width:98% !important;}

/*  key-visual
-----------------------------*/
#key h2{margin:0;padding:0;width:100%;}
#topimg h2{	margin:0;	padding:0;	width:100%;}
#topimg{	width:100%;height:auto;clear:both;}
#topimg h2 img{	width: 96%;height: auto;}
#key{width:100%;height:auto;text-align:center;}
#key img{width:96%;height:auto;}
	
/*  contants page
-----------------------------*/
#wrapper{width:100%;min-width:240px;max-width:479px;}
#contents{	width: 100%;	min-width: 240px;	max-width: 479px;	margin-bottom:10px;	padding-bottom: 15px;}


/* side navi
-----------------------------*/
#sub2 p{	text-align:center;	width:49%;	float:left;}
#sub2 img{	width:98%;height:auto;}
#main{ float:none;width:100%;height:auto;}
section h3 img{	width:100%;	height:auto;}
.box{	width: 95%;margin:0 auto;}
.box .tac img{	width:80%;height:auto;}
.smp_ss{/* 上映一覧 */	font-size:80% !important;}
.movie {		width:100%;}

/***sponsor
****************************/
section#sponsors ul li img {height:20px !important;width:auto;  }
section#sponsors img.ar{height:35px !important;padding:3px;margin:0;}
aside img.ar {height:35px !important;width:auto;}

 
 /* Guests *
 **********************/
table.guests{border-collapse:inherit !important;overflow:hidden;}
.guests td{padding:10px 0 ;	border-left-style:none ;}
.guests th{	padding:10px 0 ;border-left-style:none ;}
table.guests{width:96%;	margin:5px auto;}
table.guests tr {display:block;}
table.guests td,th {width:100%;text-align:center;}

.guests td{height: auto;}
table.guests {	border-top: 0;border-right:0;overflow: visible;}
table.guests tr{width:100%;border-bottom:0 !important;}
table.guests td{	display:block;padding:5px 0 !important;border-bottom:0 !important;}
table.guests th{	display:block;padding:15px 0 !important;border-bottom:0 !important;}

p.nwp img{display:none;}
 
/*** to TOP 
*****************************************/
#page-top{position: fixed;bottom: 8px !important;right: 8px !important;	font-size: 90%;}
  
/***sitemap
****************************/
section#sitemap{display:none;}
section#sitemap  dl{	width:45%;}

/*** class 
****************/
.smtp_none{	display:none;}
.smtp_w{width:100%;height:auto;}
.pointa{width:90% !important;height:auto;}
.smtp_ac{text-align:center !important;}
.title { width:95%;}
.h4_ttl{text-align:center;padding-left:0.5em;line-height:1.5em;}
.place{text-align:center;}
/***
CMS news
*******************/
.n_imgD{width:30%;height:auto;max-width:210px;}


/*開催概要*/
dl.gaiyo dt{width:20%;float:left;}
dl.gaiyo dd{width:80%;float:left;}
dl.gaiyo_mp dt{width:100%;float:left;}
dl.gaiyo_mp dd{width:80% !important;float:right;}

/*画像表示切替*/
.pc_img{display:none;}
.sp_img{display:block;}

}


@media screen and (max-width:760px){
section.n_topics ul.l_box, ul.r_box{max-width:100%;}
section.n_topics p{width:95%;float:none;margin-left:10px;}
section.n_topics img{margin-right:10px;}
dl.gaiyo_mp dt{width:100%;float:left;}
dl.gaiyo_mp dd{width:90%;float:right;}

/*------------- guests----------------*/
.gst{width:100%;}
.gst p{text-align:center;}
.gst p img{max-width:150px;}


}

@media only screen and (min-width: 681px) {
	
	
	
/*------------- schedule----------------*/
.schedule table {
	border:solid 1px #999;
	width:100%;
	border-collapse: collapse;
	padding:3px;
	font-size:0.8em;
	}
.schedule table td {
	border:solid 1px #999;
	padding:5px;
	}

/*.schedule table td*/ .fno{
	width:5%;}/* No部分 */

/*.schedule table td*/ .fday{
	font-size:1.3em;
	text-align:center;
	width:10%;}/* 日付部分 */
	
/*.schedule table td*/ .ftit{
	width:27%;
	font-size:1.3em;}/* タイトル部分 */
	
/*.schedule table td*/ .octit{
	width:15%;
	text-align:center;
	font-size:1.3em;}/* 開場開演 */
	
	
.b_none {
	display:none;}

}

/*スポンサーロゴ中最後尾中央揃え*/
@media only screen and (max-width: 320px) {
li.logo_p img{margin-left:0;margin-top:auto;}
}