@charset "UTF-8";
/*html body div { border:1px solid #A0A; }
/* -----------------------------------------------
xs
----------------------------------------------- */
#xs_contents { width:950px; margin:0 auto; }
#xs_contents * { /* TEST : ワタシアターと同じフォント */
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif!important;
}

/* xs_header ==== */
#xs_header h1  {}

/* socialBtn ==== */
.socialBtn    { padding:25px 5% 0; clear:both; }
.socialBtn li { margin-right:6px; float:left; }

/*20191119追加*/
.socialBtn_02    { padding:0 5% 0; clear:both; }
.socialBtn_02 li { margin-right:6px; float:left; }

/* xs_wrapper ==== */
.xs_wrapper { width:850px; margin:20px auto; clear:both; }

/* xs_cp */
.xs_wrapper .xs_cp img { width:100%; }

/* xs_twitter_info */
.xs_twitter_info{
	background: #FFF;
	text-align: center;
	padding: 40px 30px;
}

.xs_twitter_info p{ clear: both; }

.xs_twitter_info a{ display: inline-block; padding-top: 10px; }

.xs_twitter_info div{
	float: left;
	width: 48%;
	padding: 40px 0 20px;
}
.xs_twitter_info div:nth-of-type(2){ float: right; width: 50%;}

.xs_twitter_info div ul{ border-left: 2px solid #CCC; padding-left:30px;}

.xs_twitter_info div li{
	text-align: left;
	margin-bottom: 5px;
	list-style: disc;
}

/* table */
.xs_wrapper table { width:100%; margin:20px 0; border-collapse:collapse; }
.xs_wrapper th, .xs_wrapper td { padding:1em 2%; border:1px solid #cccccc; color: #474746; }
.xs_wrapper th { width:24%; background-color:#f5f4ed; text-align:center; vertical-align:middle; }

/* 見出し */
.headTitle01 { font-size:22px; margin: 40px 0 0; padding-left:20px;
	background: url(../images/ac_headTitle01_bg.png) no-repeat 0 50%;
}
.headTitle02 { font-size:18px; margin: 20px 0 0;
	border-bottom: solid 1px #b60081;
}
.headTitle03 { font-size:16px; margin: 20px 0 0 10px; padding-left:14px;
	background: url(../images/ac_headTitle03_bg.png) no-repeat 0 50%;
}
/* テキストボックス */
.text        { font-size:14px; padding:16px 10px; text-align:justify; }
.text span 	 { vertical-align:super; font-size:10px; }
/* 背景色グレー */
.glayBG      { padding:20px 4px; background-color:#E6E6E6; }
/* 画像右寄せ */
.imgRight    { margin:0 0 10px 10px; float:right; }
/* 画像左寄せ */
.imgLeft     { margin:0 14px 10px 0; float:left; }
/* 見出し付きリスト */
.dlList01    { font-size:14px; padding:26px 10px 16px; }
.dlList01 dt, .dlList01 dd { float:left; padding:0 0 10px; }
.dlList01 dt { font-weight:bold; clear:both; }
.dlList01 .cast { padding-top:15px; }

/* 動画 */
.movieWrapper,
.movieWrapper2 { padding:20px 0 0; margin:20px 0; background:url(../images/ac_moovie_bg.png); }
.movieWrapper3 { padding:20px 0; margin:20px 0; background:url(../images/ac_moovie_bg.png); }
.movieWrapper  div { max-width:560px; margin:0 auto; }
.movieWrapper2 div { width:390px; margin:0 0 0 24px; float:left; }
.movieWrapper3 div { max-width:560px; margin:0 auto; }
.movieWrapper  iframe { width:100%; height:315px; }
.movieWrapper2 iframe { width:100%; height:240px; }
.movieWrapper3 iframe { width:100%; height:320px; }
.movieWrapper  p,
.movieWrapper2 p   { padding:5px 0 16px; line-height:1.5em; font-size:90%; }
#xs_header .movieWrapper2 { padding-left:50px; }

/* official_link */
.official_link { margin:20px 5% 0; text-align:right; }
.xs_officialBtn { margin:20px 5% 0; }
/* XS 2018.09.21追記 */
.xs_clear { clear:both; }
/* ボタンhover */
.xs_officialBtn:hover {
	opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
}

/* aeon_cinema_link */
.xs_aeon_cinema:hover {
	opacity: .70;
	filter: alpha(opacity=70);
}

/* page original css------------- */

.xs_font16{font-size:16px; font-weight:bold;}

/* 20191120追加 css------------- */
.watatheatre_bnr { max-width:890px; padding: 40px 30px 20px; }
.watatheatre_bnr img { width:100%; }
.watatheatre_bnr a:hover {
	opacity: .70;
	filter: alpha(opacity=70);
}

/* ============================================ */

#EVENT { clear:both; }

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* -------------------------------------------- */
/*#contents a:hover img,*/
.btn a:hover img, a.btn:hover img
{
	opacity:.60;
	filter:alpha(opacity=60);
	-ms-filter:"alpha(opacity=60)";
}
/* --------------------------------------------*/

/* pc/sp */
.xs_pc { display:block; }
.xs_sp { display:none; }



/**************************************************/
@media screen and (max-width:640px){

	#xs_contents { width:100%; }

	/* xs_header ==== */
	#xs_header { padding: 20px 0 0; }

	/* socialBtn ==== */
	.socialBtn   { padding:1em 0; margin:2px; }

	/* xs_wrapper ==== */
	.xs_wrapper { width:90%; }
	/* テキストボックス */
	.text { padding:16px 0; }
	/* 画像右寄せ *//* 画像左寄せ */
	.imgRight, .imgLeft { margin:0 0 10px; float:none; text-align:center; }
	/* 見出し付きリスト */
	.dlList01 dd.cast { padding-top:0; }

	/* 動画 */
	.movieWrapper div,
	.movieWrapper2 div { width:90%; margin:0 auto; float:none; }
	.movieWrapper3 div { max-width:90%; margin:0 auto; }
	.movieWrapper  iframe,
	.movieWrapper2 iframe { height:300px; }
	.movieWrapper3 iframe { width:100%; height:210px; }
	.movieWrapper  p,
	.movieWrapper2 p   { padding-left:2px; padding-right:2px; }
	#xs_header .movieWrapper2 { padding-left:0; }

	/* official_link */
	.official_link { margin:20px 0 0; text-align:center; }

	/* page original css------------- */
	.hoge {}

	.watatheatre_bnr { width:100%; padding: 20px 0 0;}

	/* xs_twitter_info */
	.xs_twitter_info{
		background: #FFF;
		text-align: center;
		padding: 40px 30px;
	}
	.xs_twitter_info div{
		float: none;
		width:100%;
		padding: 20px 0 10px;
	}
	.xs_twitter_info div:nth-of-type(2){ float: none; width:100%;}

	.xs_twitter_info div ul{ border-left:0; padding-left:30px;}

	.xs_twitter_info div li{
		text-align: left;
		margin-bottom: 5px;
		list-style: disc;
	}

	.xs_officialBtn { margin:2em 5% !important; }

}
/**************************************************/
@media screen and (max-width:480px){

	/* xs_wrapper ==== */
	/* table */
	.xs_wrapper th, .xs_wrapper td { display:block; width:95%; margin:0 auto; }
	.xs_wrapper td { border-top:none; border-bottom:none; padding-bottom:12px; }
	.xs_wrapper tr:last-child td { border-bottom:1px solid #cccccc; }

	/* 動画 */
	.movieWrapper  iframe,
	.movieWrapper2 iframe { height:210px; }

	/* pc/sp */
	.xs_pc { display:none; }
	.xs_sp { width:100%; display:block;}


	/* page original css------------- */
	.hoge {}

}
/**************************************************/