@charset "utf-8";
/* CSS Document 
media screen スタイル　*/

@media screen and (max-width:720px) {
html{
	font-size:12px;
}
#header{
	display:none;
}
#contents,
#header_contents,
#footer_contents,
.topicpath,h1.title{
	width:90%;
	margin:0 auto;
}
.content{width:90%;margin:0 auto;}
img{
	width:100%;
	height:auto;
}
.sp-off{
	display:none;
}
.sp-on{
	display:block;
}
.f-left,.f-left_l,
.f-left_s,.f-right,
.f-right_l,.f-right_s,
.f-left_ss,.f-right_ss,
.f-left_ll,.f-right_ll{
	float:none;
	width:100% !important;
}
.tenpolist div{
	width:92%;
}
#topicpath{
	width:90%;
}
dl.accordion > dd {display:none;}
#footer dl.eventinfo{
	line-height:16px;
	float:none;
	margin:0;
	width:100%;
}
#footer dl.eventinfo dd a{
	padding:10px;
	border-top:1px solid #CCC;
}
#footer dl.eventinfo dd a:first-child{
	border-top:none;
}
#snsarea{margin:5px;}
#twibtn{width:30%;float:none;}

dl.tenpolist{
	margin:0;
	border:1px solid #999;
}
dl.tenpolist .eventinfo dt,dl.tenpolist .eventinfo dd{padding:5px;}
dl.tenpolist dt{
	width:100%;
	float:none;
	border-top:1px solid #999;
}
dl.tenpolist dd{
	margin-left:0;
}
dl.tenpolist .eventinfo dd a{
	width:100%;
	float:none;
}
.bnr a{margin:5px 0;}
.qrcord{display:none;}

/*-------------------------
	#recommend
-------------------------*/
#recommend a{
	width:90%;
	float:none;
	margin:5px auto;
}
#recommend a img{
	float:left;
	width:50%;
}
#recommend a p{
	float:right;
	width:35%;
	text-align:left;
}


/*-------------------------
	movielist
-------------------------*/
.movielist a{
	width:40%;
}
/*-------------------------
	block float 201309
-------------------------*/
.left,.right{float:none;}
.size360,.size400,.size480,.size560,.size600,.size650{width:100%;}
.bnr a{float:none;}
/*-------------------------
	sp left/right
-------------------------*/
.sp-left{float:left;width:49%;}
.sp-right{float:right;width:49%;}
/*-------------------------
	eventdate 開催期間／開催場所
-------------------------*/
dl.eventdate dt{
	width:95%;
	float:none;
	margin:0;
}
dl.eventdate dd{
	margin:0;
}

/*-------------------------
	point ページのポイント紹介ボックス
-------------------------*/
.point dl{
	float:none;
	width:auto;
	margin:10px 0;
}

/*--------------------------------------------------
	blocklink　aタグブロック
--------------------------------------------------*/
a.linkarea img{
	float:none;
	width:100%;
	height:auto;	
	display:block;
	margin:5px auto;
}
a.linkarea p{
	float:none;
	width:100%;
}
/*-------------------------
	可変グリッド
-------------------------*/
#container .box{width:90%;}
#container .box img{float:left;width:40%;margin-right:10px;}
.col2 { width:100%; }

}