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


#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;}
	
/* 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:#333333;width:100%;padding:8px 0 3px 0;}
#sub2{display:flex; flex-wrap: wrap; float:none;margin:0 auto;height:auto;}
#sub2 p{width:50%;float:left;padding-bottom:5px;}
	
.mb5a{margin-bottom:5px;}
	
/*-----------------------------*/

#main{ float:none;width:100%;height:auto;}
.film_t .film_infowrap{ box-sizing: border-box; width:100%;}
.film_t .box.clearfix{ box-sizing: border-box; width:100%;}

#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:48%;;height:190px;    margin-right: 0.5%;
    margin-left: 0.5%}
.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_boxWrap { justify-content: space-between; }
.f_box{width:calc(50% - 6px); padding-bottom: 0; margin: 8px 0 22px;}
.f_box h4{	width:100%;text-align:left;font-size:96%;height:auto !important;}
.f_box p{font-size: 10px; line-height: 1.7;}
.f_box p.f_box_typeWrap{line-height: 1; margin-top: 2px;}
.f_box p.link{position: inherit; padding-right: 0; margin-top: 3px;}
.f_box p.link a{	display: inherit;position: inherit ;text-align: center;text-indent: inherit;}
/*.f_box:hover{	position:relative;width:49%;background-image:none;}*/
p.link2{width: 50px; height: 20px;}	
.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;}

nav#top_nav{width:95%; margin:15px auto 0;}
#top_nav p {width: 49%;}



#top_degi{display:none;}

section#sponsors ul li{width:29%;}/*TOPスポンサー*/
section#sponsors ul.media li {
	width: 22%;}
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;}


/*  key-visual
-----------------------------*/
#topimg{width:100%;height:auto;clear:both;}
#topimg h2{margin:0;padding:0;width:100%;}
#topimg h2 img{width: 96%;height: auto;}
#key{width:100%;height:auto;text-align:center;}
#key h2{margin:0;padding:0;width:100%;}
#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{ 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: 99.93%; margin:0 auto; }
.box .tac img{	width:80%;height:auto;min-width:120px;}
.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: 100%; }
.h4_ttl{text-align:center;padding-left:0.5em;line-height:1.5em;}
.place{text-align:center;}
	
.playguide img{width: 90%; height: auto; margin-bottom: 16px; padding: 4%;}
.ticket{margin: 0;}
	
/***
CMS news
*******************/
.n_imgD{width:30%;height:auto;max-width:210px;}


/*開催概要*/
dl.gaiyo dt{}
dl.gaiyo dd{}
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;}
}

/* 2019 renewal common
================================================= */
@media screen and (max-width: 840px){
/* spBlock,spInline */
.ly_header .spBlock,.bl_nav_pc .spBlock,.bl_nav_sp .spBlock,.ly_footer .spBlock { display: block; }
.ly_header .pcBlock,.bl_nav_pc .pcBlock,.bl_nav_sp .pcBlock,.ly_footer .pcBlock { display: none; }
/*============================
header
============================*/
.ly_header { width: 100%; position: relative; }
.ly_header a { color: #000; }
.ly_header .ly_header_inner { width: 100%; display: flex; flex-wrap: wrap; padding-top: 0; }
.ly_header .bl_header_nav { width: 100%; order: 1; }
.ly_header .bl_header_lang { width: 100%; border-left: none; border-right: none; }
.ly_header .bl_header_lang .bl_header_lang_item { width: 50%; }
.ly_header .bl_header_lang .bl_header_lang_item .bl_header_lang_item_inner { display: block; padding: 7px 5px; font-size: 0; text-align: center; }
.ly_header .bl_header_lang .bl_header_lang_item .bl_header_lang_item_inner > img { width: 13px; }
.ly_header .bl_header_press { display: none; }
.ly_header .bl_header_sns { display: none; }
.ly_header .bl_header_contact { display: none; }
.ly_header .bl_header_logo .bl_header_logo_link:hover { opacity: 0.7; text-decoration: none; }
/*============================
nav
============================*/
/* .bl_nav_pc { display: none; }
.bl_nav_sp_over { width: 100%; height: 200%; position: fixed; background: #000000; left: 0; top: 0; z-index:2; opacity: 0.8; }
.bl_nav_sp_btn { width: 48px; height: 48px; background: #000; position: absolute; top: 0; right: 0; z-index: 150; }
.bl_nav_sp_btn [class*="bl_nav_sp_btn_line_"] { display: block; width: 23px; height: 2px; background: #fff; position: absolute; right: 0; left: 0; margin: auto; }
.bl_nav_sp_btn .bl_nav_sp_btn_line_01 { top: calc(50% - 7px); }
.bl_nav_sp_btn .bl_nav_sp_btn_line_02 { top: 50%; }
.bl_nav_sp_btn .bl_nav_sp_btn_line_03 { top: calc(50% + 7px); }
.bl_nav_sp_btn.is_active .bl_nav_sp_btn_line_01 { top: 50%; transform: rotate(-45deg); }
.bl_nav_sp_btn.is_active .bl_nav_sp_btn_line_02 { opacity: 0; }
.bl_nav_sp_btn.is_active .bl_nav_sp_btn_line_03 { top: 50%; transform: rotate(45deg); }
.bl_nav_sp { display: none; width: 100%; background: #fff; position: absolute; top: 0; left: 0; z-index: 100; }
.bl_nav_sp .bl_nav_sp_list { margin-bottom: 10px; padding-top: 38px; display: flex; flex-wrap: wrap; }
.bl_nav_sp .bl_nav_sp_list .bl_nav_sp_list_item { width: 50%; margin-bottom: 10px; font-size: 14px; font-weight: bold; text-align: center; }
.bl_nav_sp .bl_nav_sp_list .bl_nav_sp_list_item .bl_nav_sp_list_link { display: inline-block; padding: 10px; }
.bl_nav_sp .bl_nav_sp_list .bl_nav_sp_list_item.bl_nav_sp_list_item__home { width: 100%; margin-bottom: 20px; font-size: 23px; }
.bl_nav_sp .bl_nav_sp_press { width: 100%; text-align: center; background: #efefef; }
.bl_nav_sp .bl_nav_sp_press .bl_nav_sp_press_link { display: inline-block; padding: 8px 8px 8px 21px; background: url(../img/common/icon_header_press.png) no-repeat center left/13px 14px; font-size: 14px; font-weight: bold; }
.bl_nav_sp .bl_nav_sp_sns { padding: 20px 0 15px; display: flex; justify-content: center; }
.bl_nav_sp .bl_nav_sp_sns .bl_nav_sp_sns_item { margin: 0 22px; }
.bl_nav_sp .bl_nav_sp_sns .bl_nav_sp_sns_item .bl_nav_sp_sns_link { display: block; padding: 2px 0 3px; transition: opacity 0.3s; }
.bl_nav_sp .bl_nav_sp_sns .bl_nav_sp_sns_item .bl_nav_sp_sns_link .bl_nav_sp_sns_img.bl_nav_sp_sns_img__twitter { display: block; width: auto; height: 20px; }
.bl_nav_sp .bl_nav_sp_sns .bl_nav_sp_sns_item .bl_nav_sp_sns_link .bl_nav_sp_sns_img.bl_nav_sp_sns_img__facebook { display: block; width: auto; height: 22px; }
.bl_nav_sp .bl_nav_sp_sns .bl_nav_sp_sns_item .bl_nav_sp_sns_link .bl_nav_sp_sns_img.bl_nav_sp_sns_img__youtube { display: block; width: auto; height: 21px; } */
/*============================
page top
============================*/
.bl_pagetop { width: 33px; bottom: 10px; right: 5.3335%; }
.bl_pagetop:focus .bl_pagetop_img,
.bl_pagetop:hover .bl_pagetop_img { opacity: 1; }
/*============================
footer
============================*/
.bl_sitemap { display: none; }
.ly_footer { width: 100%; margin-top: 30px; background: #000001; }
.ly_footer .bl_footer_inner { width: 89.333%; margin: 0 auto; padding: 15px 0; display: block; }
.ly_footer .bl_footer_nav { flex-wrap: wrap; }
.ly_footer .bl_footer_nav_item { font-size: 10px; }
.ly_footer .bl_footer_nav_item::after { font-size: 10px; }
.ly_footer .bl_footer_nav_link { font-size: 10px; }
.ly_footer .bl_copy { width: 100%; margin: 0 auto; }
}