@charset "utf-8";
/* CSS Document */
/*------------------------------------

RESET

------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, form,
dl, dt, dd, ol, ul, li, li a,
fieldset, legend,
table, caption, tbody, tfoot, thead, tr, th,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
form{margin:0; padding:0;}
table{border-collapse:collapse;}
/*------------------------------------

BASIC SETTING

------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 1.6em;
	background: url(../images/common/bg.jpg) center top;
	color: #272727;
-webkit-text-size-adjust: 100%;
}
a{
	text-decoration: none;
	color: #444444;
}
a:hover{
	color: #66CCCC;
}
.wrap{
	width: 100%;
	margin: 0 auto 0;
	clear: both;
}
.unit-a{
	width: 96%;
	margin: 0 auto 40px;
}
.unit-b{
	width: 96%;
	margin: 10px auto 40px;
}
p{
	padding-bottom: 0.85em;
}
p a{
	word-wrap:break-word;
}
/*------------------------------------

HEADER SETTING

------------------------------------*/
.header{
	position: relative;
	width: 100%;
	top: 0;
	background: url(../images/common/head-foot.jpg) repeat-x center top #1f1d1d;
}
.inner-header{
	width: 100%;
	margin: 0 auto;
	position: relative;
	background: url(../images/common/visual.jpg) no-repeat left 5px;
	background-size: 21%;
}

.header h1{
	font-family: Raleway, sans-serif;
	font-weight: 200;
	color: #E1F7F7;
	text-shadow: 0 0 20px rgba(56, 194, 208, 1),
	0 0 15px rgba(56, 194, 208, 1),
	0 0 2px rgba(56, 194, 208, 1);
	font-size: 13px;
	text-align: center;
	display: block;
	margin: 15px 0 15px 0;
	clear: both;
	padding: 5px 0 0 0;
}

.head-social{
	text-align: right;
	font-size: 24px;
	width: 100%;
	float: right;
	margin-top: 5px;
	height: 75px;
}
.head-social a{
	display: block;
	width: 25px;
	height: 25px;
	margin: 5px 0;
	float: right;
	color: #616161;
}

.head-social a:hover{
	color: #66CCCC;
}

.headprice{
	color: #fff;
	background-color: #CC3333;
	width: 130px;
	text-align: center;
	float: right;
	font-size: 12px;
	padding: 2px 0;
	margin: 5px 8px 0 5px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	line-height: 1.4em;
}
.headprice.en{
	font-size: 10px;
	padding: 0;
	line-height: 1em;
}
.headprice.gogo{
	background-color: #616161;
	color: #000;
}
.headprice span{
	font-size: 8px;
	/* [disabled]display: none; */
}
.headprice.gogo:hover{
	background-color: #66CCCC;
}
/*-------------------------------LOGO-*/
.logo{
	background: url(../images/common/logo.png) no-repeat;
	width: 50px;
	height: 20px;
	position: absolute;
	left: 23%;
	top: 48px;
	background-size: contain;
}
.logo a{
	display:none;
}
/*--------------------------------------------------------------------------[□○]　iPad*/
@media only screen and (min-device-width: 380px) and (max-device-width: 700px){
.header h1{
	font-size: 16px;
}
.logo{
	width: 70px;
	height: 30px;
	left: 22%;
	top: 40px;
	background-size: contain;
}
}
/*-------------------------------SEARCH-*/
#searchform{
	position: relative;
	margin-top: 45px;
}
#s{
	padding: 2px 25px 2px 10px;
	width: 150px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	font-size: 12px;
	background-color: #000;
	color: #ccc;
	border: #000 1px solid;
	border-right: #333 1px solid;
	border-bottom: #4D4D4D 1px solid;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#searchsubmit{
	position: absolute;
	top: 3px;
	right: 6px;
	width: 20px;
	height: 20px;
	background-color: transparent;
	background-image:url(../images/common/search-btn.png);
	border: none;
	cursor:pointer;
}
.head-social .head-search{
	width: 200px;
	float: left;
	margin-top: 2px;
}
.head-social form{
	position: absolute;
	right: 0px;
	top: 12%;
}
.search-pages{
	padding: 5px 0 20px;
	/* [disabled]border-bottom: 1px solid #ccc; */
	margin-bottom: 15px;
}
/*----------------------------------SOCIAL-*/
.social{
	height: 36px;
	width: 280px;
	margin: 10px 0 0 0;
}
.social .twi {
	width: 95px;
	height: 26px;
	padding-top: 6px;
	float: left;
}
.social .fb {
	width: 123px;
	height: 26px;
	float: left;
	padding-top: 5px;
}
.social .plus {
	width: 62px;
	height: 26px;
	padding-top: 6px;
	float: left;
}

/*---------------------------------

MENU SETTING

---------------------------------*/
.inner-header .glb{
	background-color: #3E2F4F;
}
.glb ul{
	width: 100%;
	background-color: #3E2F4F;
}
.glb ul li{
	float: left;
	padding: 5px 0.5% 5px;
	display: block;
	width: 33%;
	background-color: #3E2F4F;
	border: 1px solid;
	box-sizing: border-box;
}
.glb ul li a{
	display: block;
	position: relative;
	color: #CCC;
	text-align: center;
	bottom: 0px;
}
#top .glb ul li.glb1 a,
#about .glb ul li.glb2 a,
#sche .glb ul li.glb3 a,
#access .glb ul li.glb4 a,
#award .glb ul li.glb5 a,
#ticket .glb ul li.glb7 a,
#prog .glb ul li.glb6 a,
#prog-fashion .glb ul li.glb6 a{
	color: #85C5CD;
}
.glb ul li a:hover{
	color: #66CCCC;
}
.inner-header .glb em{
	font-style: normal;
	opacity: 1;
	font-size: 9px;
}
.glb li a span{
	font-style: normal;
	font-size: 22px;
	display: block;
	text-align: center;
}
/*------------------------------------

TOPPAGE SLIDE

------------------------------------*/
.container {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
}
.container.inner-header-shrink {
	margin-top: 395px;
	-webkit-transition:margin-top 0.3s;
	-moz-transition:margin-top 0.3s;
	transition:margin-top 0.3s;
}
.slide_all {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.slide_wrap {
	width: 100%;
}
.slide_body {
	width: 100%;
}
.slide {
	width: 100%;
	color: #fff;
	text-align: center;
}
.slide img {
	width: 100%;
	vertical-align: bottom;
	height: auto;
}
.bx-controls-direction, .bx-pager {
	text-align: center;
	height: 25px;
}
.bx-controls-direction a, .bx-pager-item {
	display: inline-block;
}
.bx-pager-item a {
	display: block;
	height: 10px;
	width: 10px;
	text-indent: -9999px;
	background: #fff;
	border-radius: 10px;
	margin: 10px 2px 0 2px;
}
.bx-pager-item a.active {
	opacity: 0.3;
}
.bx-controls-direction a {
	text-decoration: none;
	color: #fff;
	padding: 0 5px;
}
.bx-controls {
	position: absolute;
	bottom: 5px;
	z-index: 101;
	width: 100%;
}
.sps{
	width: 100%;
	border: 10px solid rgba(255,255,255,.8);
	box-sizing: border-box;
	background-color: #fff;
	margin-bottom: 10px;
	box-shadow: 0px 0px 2px 1px rgba(102,102,102,.3);
}
.sps .bx-wrapper .bx-viewport{ width:100%; margin:0; box-shadow:none; width:100%;}
.sps ul{ list-style-type:none;}
.sps ul li{ float:left; margin:0; padding:0;}
/*------------------------------------

TOPPAGE UNIT

------------------------------------*/
.box-twice{
	clear: both;
}
.box-newses{
	width: 100%;
	margin: 0 0 10px 0;
}
.box-newses h3{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: normal;
	padding: 0 0 10px 10px;
}
.newses{
	width: 46%;
	float: left;
	margin: 0 2% 15px 2%;
	height: 182px;
}
.newses-img{
	height: 90px;
	overflow: hidden;
}
.newses-img img{
	display: block;
	width: 100%;
	height: auto;
}
.pickup{
	width: 98%;
	padding: 1%;
}
.topvideo{
	background-color: rgba(31,29,29,1);
	width: 96%;
	float: left;
	padding: 1%;
	box-shadow: 0px 0px 2px 1px rgba(102,102,102,.3);
	margin: 1% 1% 15px 1%;
}
.topvideo iframe{width:100%;}
#player {
	display:none;
}
.smp-player{width:100%;}
.smp-player img{width:100%; height:auto;}
.topvideo h3{
	font-size: 16px;
	font-weight: normal;
	padding: 5px 0 12px 5px;
	display: inline-block;
	color: #E1F7F7;
	text-shadow: 0 0 10px rgba(56, 194, 208, 1),
	0 0 6px rgba(56, 194, 208, 1),
	0 0 1px rgba(56, 194, 208, 1);
}
.topvideo .top-free{
	color: #fff;
	background-color: #CC3333;
	width: 130px;
	text-align: center;
	float: right;
	font-size: 11px;
	padding: 1px;
	line-height: 1.1em;
	margin: 2px 0 0;
}
.topvideo .top-free span{
	font-size: 9px;
}
.topvideo-caption{
	color: #B0B0B0;
	font-size: 10px;
	line-height: 1.3em;
	padding: 3px 3px 0px;
}
.Recommend{
	width: 100%;
	position:relative;
	background-image: url(../images/common/nav-plus.png) no-repeat right 8px;
	background-size:10%;
}
.Recommend:after{
	content: '\f0fe';
	font-family: 'icomoon';
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: -2px;
	font-size:16px;
	top:20px;
	color:#999;
}

.Recommend .navactive:after{
	content: '\f146';
	font-family: 'icomoon';
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: -2px;
	font-size:16px;
	top:20px;
	color:#999;
}
.submenu{
	width: 100%;
	background-color: rgba(255,255,255,.8);
	padding: 0 0 8px 0;
	border: #666;
	margin-bottom: 15px;
	list-style-type: none;
	box-shadow: 0px 0px 2px 1px rgba(102,102,102,.3);
}
#top .submenu{
	width: 198px;
	padding: 0 0 10px 0;
	width: 100%;
	margin-bottom: 20px;
	box-shadow: 0px 0px 2px 1px rgba(102,102,102,.3), inset 0px 0px 10px rgba(153,102,0,.1);
}
.submenu ul{
	padding: 10px 10px 0 10px;
}
.submenu ul li.biz a{ background:url(../images/common/submenu_02.png) no-repeat center top; }
.submenu ul li.theater a{ background:url(../images/common/submenu_03.png) no-repeat center top; padding-bottom:5px; border-bottom:1px dotted #999; margin-bottom:10px;}
.submenu ul li.lounge a{ background:url(../images/common/submenu_01.png) no-repeat center top; }
.submenu ul li.biz a,.submenu ul li.theater a,.submenu ul li.lounge a{
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	height: 25px;
	padding-left: 0px;
}
.submenu ul li.biz a:before,.submenu ul li.theater a:before,.submenu ul li.lounge a:before{ content:normal;}
.submenu ul li a{
	padding: 0 0 0 10px;
	display: block;
	font-size: 12px;
	line-height: 1.5em;
}
.submenu ul li a:before{ content:'\f0da'; position:relative; font-family:'icomoon'; font-size:10px; color:#999; left:-5px;}

.progmenu{
	width: 98%;
	padding: 0 1% 8px;
	border: #666;
	margin-bottom: 15px;
	list-style-type: none;
	box-shadow: 0px 0px 2px 1px rgba(102,102,102,.3);
	background: rgba(255,255,255,.8);
}
.progmenu ul li a{
	padding: 3px 4px 3px 14px;
	display: block;
	font-size: 12px;
	line-height: 1.4em;
	border-bottom: 1px solid #eee;
	text-indent: -4px;
}
.progmenu ul li:last-child a{	border-bottom: none;}
.progmenu ul li a:before{ content:'\f0da'; position:relative; font-family:'icomoon'; font-size:10px; color:#999; left:-3px;}
.progmenu ul li.back2 a:before{ content:'\f112'; position:relative; font-family:'icomoon'; font-size:12px; color:#666; left:-8px;}
.progmenu ul{
	padding: 10px 0 0 0;
	display: none;
}
.progmenu h3{
	font-size: 22px;
	font-weight: normal;
	padding: 15px 0 0 4px;
	display: block;
	background: url(../images/common/nav-plus.png) no-repeat bottom right;
	background-size:5%;
}
.progmenu h3.navactive{
	background: url(../images/common/nav-minus.png) no-repeat bottom right;
	background-size:5%;
}

.progmenu h3 span{
	font-size: 16px;
	font-weight: normal;
	padding: 6px 0 0 0;
	display: block;
}
.unitbox{
	background-color: rgba(255,255,255,.8);
	padding: 0 0 5px 0;
	border: #666;
	box-shadow: 0px 0px 2px 1px rgba(102,102,102,.3);
	margin-bottom: 20px;
}
.unitbox h3{
	font-size: 22px;
	font-weight: normal;
	padding: 15px 0 10px 10px;
	display: block;
}

.unitbox .pickup h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	padding: 15px 0 15px 10px;
	display: inline-block;
	float: left;
}
.unit-inner{padding:10px 10px 0 10px;}
.box-newses .unit-inner{
	padding: 8px 10px 5px;
	font-size: 11px;
	line-height: 1.3em;
}
.box-newses .unit-inner span{
	font-size: 11px;
	font-style:italic;
	display:block;
}
.box-newses a{
	color:#3CC;
}
.unit-inner.banner{
	font-size: 11px;
	color: #666;
	line-height: 1.3em;
	padding: 0px 15px 0 15px;
	text-align: center;
	display: none;
}
.unit-inner.banner img{
	display: block;
	margin: 15px auto 5px;
	border: #fff 1px solid;
}
.unit-inner.banner img:hover{
	border: #66CCCC 1px solid;
}
.unit-inner.news{
	padding: 10px 15px 0 0;
	clear: both;
	position: relative;
	height: 200px;
	overflow-y: hidden;
}
.news-list-btn a{
	display: block;
	width: 40px;
	height: 28px;
	padding: 12px 0 0;
	text-align: center;
	background-color: #b17fc2;
	font-size: 14px;
	color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	float: right;
	margin: 5px 5px 0 0;
}
.news-list-btn a:hover{
	background-color: #9B59B0;
}
.news-list{
	border-bottom: #ccc 1px solid;
}
.news-list .date{
	display: block;
	width: 85px;
	/* [disabled]float: left; */
	padding: 7px 0 2px 10px;
}
.news-list .data{
	display: block;
	float: left;
	/* [disabled]width: 440px; */
	padding: 2px 0 7px 10px;
}
/*------------------------------------

TRACE NAV

------------------------------------*/
.trace{
	background-color: #575354;
	padding: 5px 0 5px;
	color: #ccc;
	width: 100%;
}
.traceinner{
	margin: 0 auto;
	padding-left: 5px;
	font-size: 10px;
}
.trace a{	color: #ccc; padding-right:10px;}
.trace a:hover{	color: #66CCCC;}
.trace a:after{ content:'\f105'; font-family:'icomoon'; position:relative; right:-5px;}

/*------------------------------------

CONTENT UNIT

------------------------------------*/
.box-main{
	width: 96%;
	margin: 10px 0 40px;
	padding: 15px 2% 30px;
	background-color: rgba(255,255,255,1);
}
#award .box-main{
}
#award-official .box-main{
	border-top: #CC3333 7px solid;
}
#award-cg .box-main{
	border-top: #e29188 7px solid;
}
#award-music .box-main{
	border-top: #c087c2 7px solid;
}
.box-main h2{
	font-size: 20px;
	font-weight: normal;
	padding: 10px 0 20px 0;
	display: inline-block;
	color: #272727;
	line-height: 1.5em;
}
.box-main h2.awards:before{
	content:'\f091';
	font-family:icomoon;
	font-size:24px;
	position:relative;
	margin:5px 10px 0 0;
}
#award .box-main h2{
	padding-bottom: 10px;
}
.box-main h2 span{
	font-size: 14px;
	font-weight: normal;
	padding: 15px 0 0 0;
	display: inline-block;
	line-height: 1.4em;
}
.box-main h3{
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0 25px 0;
	display: inline-block;
}
.box-main h3.round-h3{
	font-size: 20px;
	font-weight: normal;
	display: inline-block;
	line-height: 1.4em;
}
.box-main h4{
	font-size: 16px;
	font-weight: normal;
	padding: 0 0 15px 0;
	display: inline-block;
}
.box-main h4{
	font-size: 16px;
	font-weight: normal;
	padding: 0 0 15px 0;
	display: inline-block;
}

.box-main h4.red-h4{
	color: #CD4141;
}

.box-main h4.blue-h4{
	color: #1377C8;
}
/*------------------------------------

PAGES-program

------------------------------------*/
.prog{
	margin-top: 50px;
}
.prog h3{
	height: 18px;
	display: block;
	margin-bottom: 10px;
	padding: 8px 0 8px 5px;
	text-shadow: 1px 1px 0px rgba(150, 150, 150, .5);
	font-weight: normal;
	font-size: 14px;
}
.prog h3.prog-int{
	background-image: -webkit-gradient(	linear,	left top,	right top,color-stop(0, rgb(246, 155, 15)),	color-stop(0.6, rgb(244, 183, 30)));
	background-image: -o-linear-gradient(right, rgb(246, 155, 15) 0%, rgb(244, 183, 30) 60%);
	background-image: -moz-linear-gradient(right, rgb(246, 155, 15) 0%, rgb(244, 183, 30) 60%);
	background-image: -webkit-linear-gradient(right, rgb(246, 155, 15) 0%, rgb(244, 183, 30) 60%);
	background-image: -ms-linear-gradient(right, rgb(246, 155, 15) 0%, rgb(244, 183, 30) 60%);
	background-image: linear-gradient(to right, rgb(246, 155, 15) 0%, rgb(244, 183, 30) 60%);
	color: #fff;
}
.prog h3.prog-asa{
	background-image: -webkit-gradient(linear,	left top,	right top,	color-stop(0, rgb(218, 73, 73)),	color-stop(0.6, rgb(230, 112, 112)));
	background-image: -o-linear-gradient(right, rgb(218, 73, 73) 0%, rgb(230, 112, 112) 60%);
	background-image: -moz-linear-gradient(right, rgb(218, 73, 73) 0%, rgb(230, 112, 112) 60%);
	background-image: -webkit-linear-gradient(right, rgb(218, 73, 73) 0%, rgb(230, 112, 112) 60%);
	background-image: -ms-linear-gradient(right, rgb(218, 73, 73) 0%, rgb(230, 112, 112) 60%);
	background-image: linear-gradient(to right, rgb(218, 73, 73) 0%, rgb(230, 112, 112) 60%);
	color: #fff;
}
.prog h3.prog-earth{
	background-image: -webkit-gradient(	linear,	left top,	right top,	color-stop(0, rgb(94, 180, 7)),	color-stop(0.6, rgb(145, 205, 96)));
	background-image: -o-linear-gradient(right, rgb(94, 180, 7) 0%, rgb(145, 205, 96) 60%);
	background-image: -moz-linear-gradient(right, rgb(94, 180, 7) 0%, rgb(145, 205, 96) 60%);
	background-image: -webkit-linear-gradient(right, rgb(94, 180, 7) 0%, rgb(145, 205, 96) 60%);
	background-image: -ms-linear-gradient(right, rgb(94, 180, 7) 0%, rgb(145, 205, 96) 60%);
	background-image: linear-gradient(to right, rgb(94, 180, 7) 0%, rgb(145, 205, 96) 60%);
	color: #fff;
}
.prog h3.prog-music{
	background-image: -webkit-gradient(	linear,	left top,	right top,	color-stop(0, rgb(190, 130, 192)),	color-stop(0.6, rgb(208, 176, 209)));
	background-image: -o-linear-gradient(right, rgb(190, 130, 192) 0%, rgb(208, 176, 209) 60%);
	background-image: -moz-linear-gradient(right, rgb(190, 130, 192) 0%, rgb(208, 176, 209) 60%);
	background-image: -webkit-linear-gradient(right, rgb(190, 130, 192) 0%, rgb(208, 176, 209) 60%);
	background-image: -ms-linear-gradient(right, rgb(190, 130, 192) 0%, rgb(208, 176, 209) 60%);
	background-image: linear-gradient(to right, rgb(190, 130, 192) 0%, rgb(208, 176, 209) 60%);
	color: #fff;
}
.prog h3.prog-cg{
	background-image: -webkit-gradient(linear,left top,right top,	color-stop(0, rgb(225, 142, 133)),	color-stop(0.6, rgb(242, 203, 189)));
	background-image: -o-linear-gradient(right, rgb(225, 142, 133) 0%, rgb(242, 203, 189) 60%);
	background-image: -moz-linear-gradient(right, rgb(225, 142, 133) 0%, rgb(242, 203, 189) 60%);
	background-image: -webkit-linear-gradient(right, rgb(225, 142, 133) 0%, rgb(242, 203, 189) 60%);
	background-image: -ms-linear-gradient(right, rgb(225, 142, 133) 0%, rgb(242, 203, 189) 60%);
	background-image: linear-gradient(to right, rgb(225, 142, 133) 0%, rgb(242, 203, 189) 60%);
	color: #fff;
}
.prog h3.prog-pg{
	background-image: -webkit-gradient(linear,left top,right top,color-stop(0, rgb(125, 199, 197)),color-stop(0.6, rgb(156, 214, 212)));
	background-image: -o-linear-gradient(right, rgb(125, 199, 197) 0%, rgb(156, 214, 212) 60%);
	background-image: -moz-linear-gradient(right, rgb(125, 199, 197) 0%, rgb(156, 214, 212) 60%);
	background-image: -webkit-linear-gradient(right, rgb(125, 199, 197) 0%, rgb(156, 214, 212) 60%);
	background-image: -ms-linear-gradient(right, rgb(125, 199, 197) 0%, rgb(156, 214, 212) 60%);
	background-image: linear-gradient(to right, rgb(125, 199, 197) 0%, rgb(156, 214, 212) 60%);
	color: #fff;
}
.prog h3.prog-ev{
	background-image: -webkit-gradient(	linear,	left top,	right top,	color-stop(0, rgb(127, 196, 224)),	color-stop(0.6, rgb(159, 206, 225)));
	background-image: -o-linear-gradient(right, rgb(127, 196, 224) 0%, rgb(159, 206, 225) 60%);
	background-image: -moz-linear-gradient(right, rgb(127, 196, 224) 0%, rgb(159, 206, 225) 60%);
	background-image: -webkit-linear-gradient(right, rgb(127, 196, 224) 0%, rgb(159, 206, 225) 60%);
	background-image: -ms-linear-gradient(right, rgb(127, 196, 224) 0%, rgb(159, 206, 225) 60%);
	background-image: linear-gradient(to right, rgb(127, 196, 224) 0%, rgb(159, 206, 225) 60%);
	color: #fff;
}
.prog h3 span{
	font-size: 11px;
	display: none;
	float: right;
	position: relative;
	top: -8px;
	height: 20px;
	padding: 8px;
	width: 180px;
	text-align: center;
	text-shadow: none;
	color: #333;
}
.prog h3.prog-int span{background-color: #FFCC66;}
.prog h3.prog-asa span{background-color: #f1cfcf;}
.prog h3.prog-earth span{background-color: #caebaf;}
.prog h3.prog-cg span{background-color: #f9e3db;}
.prog h3.prog-music span{background-color: #f0d2f1;}
.prog h3.prog-pg span{background-color: #bfe2e1;}
.prog h3.prog-ev span{background-color: #c7e9f7;}
.prog-btn{
	display: table;
	border-collapse: separate;
	border-spacing: 4px 2px;
	width: 100%;
	line-height: 0;
	margin-bottom: 50px;
	margin: 0 0 5px 0;
}
.prog-btn a{
	width: 29%;
	padding: 6px 4px;
	text-align: center;
	font-size: 11px;
	display: block;
	height: 40px;
	line-height: 1.3em;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	transition: 0.2s;
	float: left;
	margin: 0.5%;
}
.prog-btn.int-btn a{	background-color: #FCFAEF;	border: 1px solid #ccc;}
.prog-btn.int-btn a:hover{	background-color: #FFBD44;	color:#fff;}
.prog-btn.asa-btn a{	background-color: #f8e3e3;	border: 1px solid #ccc;}
.prog-btn.asa-btn a:hover{background-color: #F3A7A7; color: #fff;}
.prog-btn.earth-btn a{background-color: #EFF5E0;	border: 1px solid #ccc;}
.prog-btn.earth-btn a:hover{	background-color: #A7DE7A;	color: #fff;}
.prog-btn.music-btn a{	background-color: #f8e9f8;	border: 1px solid #ccc;}
.prog-btn.music-btn a:hover{	background-color: #C480D2;	color: #fff;}
.prog-btn.cg-btn a{	background-color: #F9EDE3;	border: 1px solid #ccc;}
.prog-btn.cg-btn a:hover{	background-color: #F0C5AA;	color: #fff;}
.prog-btn.pg-btn a{	background-color: #d8f0ef;	border: 1px solid #ccc;}
.prog-btn.pg-btn a:hover{	background-color: #7EC5C2;	color: #fff;}
.prog-btn.ev-btn a{	background-color: #e1eff9;	border: 1px solid #ccc;}
.prog-btn.ev-btn a:hover{	background-color: #61A8C7;	color: #fff;}
.pg-int,.pg-asa,.pg-ear,.pg-msc,.pg-cgr,.pg-prg,.pg-eve{	position: relative;}
p.pg-bg{
	position: absolute;
	font-size: 36px;
	z-index: 0;
	font-family: "Times New Roman", Times, serif;
	left: 1px;
	top: -21px;
} 
.pg-int p.pg-bg{ color: rgba(255,204,102,0.3);}
.pg-asa p.pg-bg{
	color: rgba(231,173,173,0.3);
	font-size: 28px;
}
.pg-ear p.pg-bg{
	color: rgba(149,215,96,0.3);
}
.pg-msc p.pg-bg{
	color: rgba(228,172,230,0.3);
}
.pg-cgr p.pg-bg{
	color: rgba(239,181,158,0.3);
}
.pg-prg p.pg-bg{
	color: rgba(176,219,210,0.3);
}
.pg-eve p.pg-bg{	color: rgba(160,217,241,0.3);}
a.about-pg{
	display: block;
	margin-bottom: 45px;
	color: rgba(0,153,153,1);
}
a.about-pg:after{
	content:'\f054'; font-family:'icomoon'; font-size:11px; color:#ccc; position:relative; top:0.1em;
}
a.about-pg:hover{	color: #66CCCC;}
/*--------------------------------------------------------buttons*/
.button {
	display: inline-block;
	width: 80%;
	height: 30px;
	text-align: center;
	text-decoration: none;
	line-height: 28px;
	outline: none;
	font-size:14px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	background-color: #4992BC;
	border: 2px solid #4992BC;
	color: #fff;
	line-height: 30px;
}
.button:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}
.go2free,.go2toll{
	width: 125px;
	float: right;
	margin: 0 3px;
}
.go2free a{
	display: block;
	padding: 4px 5px 2px;
	background-color: #D08888;
	color: #fff;
	text-align: center;
}
.go2free a:hover{
	background-color: #B94D4D;
}
.go2toll a{
	display: block;
	padding: 4px 5px 2px;
	background-color: #7DA3B5;
	color: #fff;
	text-align: center;
}
.go2toll a:hover{
	background-color: #548094;
}
/*----------------------------------------------colored-*/
.button.az{
	font-size: 12px;
	padding: 8px 0;
	height: 33px;
	line-height: 1em;
	background-color: #BF5568;
	border: 2px solid #BF5568;
	width: 100%;
}
.button.az:hover {
	background-color: #fff;
	border-color:  #BF5568;
	color:#BF5568;
}
.button.red{
	font-size: 12px;
	padding: 8px 0;
	height: 33px;
	line-height: 1em;
	background-color: #C74338;
	border: 2px solid #C74338;
	width: 100%;
}
.button.red:hover {
	background-color: #fff;
	border-color:  #C74338;
	color:#C74338;
}
.button.purp{
	font-size: 12px;
	padding: 8px 0;
	height: 33px;
	line-height: 1em;
	background-color: #9977B5;
	border: 2px solid #9977B5;
	width: 100%;
}
.button.purp:hover {
	background-color: #fff;
	border-color: #9977B5;
	color:#9977B5;
}
.button.gree{
	font-size: 12px;
	padding: 8px 0;
	height: 33px;
	line-height: 1em;
	background-color: #71BA1F;
	border: 2px solid #71BA1F;
	width: 100%;
}
.button.gree:hover {
	background-color: #fff;
	border-color: #71BA1F;
	color:#71BA1F;
}
.button.eme{
	font-size: 12px;
	padding: 8px 0;
	height: 33px;
	line-height: 1em;
	background-color: #58AEC0;
	border: 2px solid #58AEC0;
	width: 100%;
}
.button.eme:hover {
	background-color: #fff;
	border-color: #58AEC0;
	color:#58AEC0;
}
/*------------------------------------

PAGE-About

------------------------------------*/
.lilico-tube{
	width: 45%;
	float: left;
}

.lilico-tube{
	position: relative;
	width: 50%;
	padding: 30px 0 56.25% 0;
}
.lilico-tube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.lilico-photo{
	display: block;
	float: right;
	width: 45%;
}
.lilico-photo img{
	display: block;
	width: 100%;
	height:auto;
}
.bessho-photo{
	display: block;
	width: 50%;
	float: left;
}
.bessho-photo img{
	width: 90%;
	height: auto;
}
/*------------------------------------

PAGE-filmset

------------------------------------*/
.filmset{
	margin: 30px 0 0;
}
.cat_id{
	font-size: 14px;
	display: inline-block;
	text-align: center;
	padding: 2px 12px 0px;
	color: #666666;
	border-radius: 5px;
	top: 11px;
	border: 1px solid #999;
	float: right;
	margin-left: 5px;
}
.special_screening{
	display: inline-block;
	float: right;
	margin-left:5px;
}
.special_screening:after{
	content:'Special Screening';
	font-size: 14px;
	display: inline-block;
	text-align: center;
	padding: 2px 12px 0px;
	color: #666666;
	border-radius: 5px;
	border: 1px solid #999;
}
.toll-screen{
	display: inline-block;
	float: right;
	margin-left:5px;
}
.toll-screen:after{
	content:'Toll event';
	font-size: 14px;
	display: inline-block;
	text-align: center;
	padding: 2px 12px 0px;
	color: #666666;
	border-radius: 5px;
	border: 1px solid #999;
}
.screening-info{
	position: absolute;
	top: 1px;
	width: 300px;
	right: 0px;
}
.cat_no{
	font-size: 20px;
}
.film-caption{
	width: 100%;
	padding: 0 0 20px 0;
}
.winner-comment{
	width: 100%;
	padding: 20px 0 0 0;
	font-size: 12px;
}
.winner-comment strong{
	font-size: 13px;
	color: #535353;
}
.film-caption h2{
	padding: 0px;
}
.film-caption h3{
	padding: 15px 0 10px 0;
}
.film-caption h2 span{
	padding-top: 0px;
	font-size: 14px;
	display: block;
}
.film-header{
	position: relative;
	margin-bottom: 20px;
	padding-top: 40px;
}
.tube-tmb{
	width: 100%;
	position: relative;
	margin-bottom: 15px;
}
/*-------------------------*/
.tube-tmb-outer{
	width: 100%;
}
/*-------------------------*/
.tube-tmb img{
	display:block;
	margin:0 auto;
	width:100%;
	height:auto;
}
.free{
	display: none;
}
.sponsor{}
.subset_j{
	background-color: #F7F7F7;
	padding: 2px 0 2px 3px;
	font-size: 12px;
	color: #4C4C4C;
}
.subset_e{}
.film_name_j{
	font-size: 22px;
	padding-bottom: 10px;
}
.film_name_e{
	font-size: 16px;
	color: #666666;
}
.film_synopsis_j{
	padding: 15px 0 0 0;
}
.award_artist_j{
	padding: 15px 0 0 0;
	font-size: 11px;
	line-height: 1.4em;
	color: #666666;
}

.award_artist{
	float: left;
	width: 80px;
	margin: 10px 10px 10px 0;
}
.award_artist.art2x{
	width: 120px;
}
.award_artist img{
	width: 100%;
	height: auto;
}

.mature{
	color: #C30;
	display: inline-block;
	width: 90px;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
}
.mature:before{ content:'\f071'; font-family:'icomoon'; color:#C30; position:relative; left:-3px;}
.director_name_j{
	font-size: 20px;
	padding: 0 0 10px 0;
}
.director_name_e{}
.director_tmb{}
.director_tmb img{
	width: 220px;
	height: auto;
	display: block;
	margin: 0 auto;
}
.director_j{
	font-size: 12px;
}
.director_e{}
.award_j{
	font-size: 12px;
	padding: 8px;
	background-color: #E3F2F9;
	margin-top: 15px;
}
.director-left{
	width: 100%;
}
.director-right{
	width: 100%;
	margin-top: 15px;
}
.director-social{
	height: 40px;
	width: 220px;
	margin: 15px auto;
}
.director-social div a,.director-social img{
	text-indent: 100%;
	overflow: hidden;
	float: left;
}
.award_e{}
.twitter_j-emp{
	width: 42px;
	height: 40px;
	background-image: url(../images/film-utility/dr-social-emp_03.jpg);
	display: block;
}
.web_j-emp{
	width: 38px;
	height: 40px;
	background-image: url(../images/film-utility/dr-social-emp_01.jpg);
	display: block;
}
.fb_j-emp{
	width: 53px;
	height: 40px;
	background-image: url(../images/film-utility/dr-social-emp_02.jpg);
	display: block;
}
.plus_j-emp{
	width: 49px;
	height: 40px;
	background-image: url(../images/film-utility/dr-social-emp_04.jpg);
	display: block;
}
.vimeo_j-emp{
	width: 38px;
	height: 40px;
	background-image: url(../images/film-utility/dr-social-emp_05.jpg);
	display: block;
}
.twitter_j a{
	width: 42px;
	height: 40px;
	background-image: url(../images/film-utility/dr-social_03.jpg);
	display: block;
}
.web_j a{
	width: 38px;
	height: 40px;
	background-image: url(../images/film-utility/dr-social_01.jpg);
	display: block;
}
.fb_j a{
	width: 53px;
	height: 40px;
	background-image: url(../images/film-utility/dr-social_02.jpg);
	display: block;
}
.plus_j a{
	width: 49px;
	height: 40px;
	background-image: url(../images/film-utility/dr-social_04.jpg);
	display: block;
}
.vimeo_j a{
	width: 38px;
	height: 40px;
	background-image: url(../images/film-utility/dr-social_05.jpg);
	display: block;
}
.web_j a:hover{	background-image: url(../images/film-utility/dr-social-on_01.jpg);}
.fb_j a:hover{background-image: url(../images/film-utility/dr-social-on_02.jpg);}
.plus_j a:hover{background-image: url(../images/film-utility/dr-social-on_04.jpg);}
.vimeo_j a:hover{	background-image: url(../images/film-utility/dr-social-on_05.jpg);}
.twitter_j a:hover{background-image: url(../images/film-utility/dr-social-on_03.jpg);}
.event_j{
	padding: 2px 5px;
	background-color: #CE4B2C;
	color: #fff;
	margin-bottom: 25px;
	margin: 20px 0 25px;
}
.actual{}
.event_e{}
.artist-left{
	width: 300px;
	/* [disabled]float: left; */
	margin: 0 auto;
}
.artist-left img{
	width: 300px;
	height:auto;
}
.artist-right{
	width: 100%;
}
.artist_name_j{
	font-size: 18px;
	padding-bottom: 5px;
}
.artist_name_e{}
.song_name_j{
	font-size: 18px;
}
.song_name_e{}
.location_j{
	padding: 2px 10px;
	background-color: #67BE07;
	margin: 10px 0;
	color: #fff;
}
.location_j a{
	color: #fff;
}
.location_e{}
.about_artist_j{
	font-size: 12px;
	margin-top: 15px;
}
.about_artist_e{}
.artist_p{}
.special{}
.screening_j{
	padding: 2px 0 2px 8px;
	border-left: #cfcfcd 8px solid;
	background-image: url(../images/film-utility/time-bg.gif);
	height: 43px;
	margin-bottom: 2px;
}
.screening_e{}
.screening{
	display: block;
	font-size: 12px;
	clear: both;
}
.screen_id a{
	width:97%;
	display: block;
	text-align: center;
	background-color: #5eb71d;
	color: #fff;
	padding: 2px 0 0;
	font-size: 11px;
}
.reservation a{
	float: right;
	display: block;
	width: 46%;
	padding: 2px 0 0 0;
	text-align: center;
	background-color: #ce4b2c;
	color: #fff;
	margin: 0 10px 0 0;
	font-size: 11px;
}
.screen_id a:hover{	background-color: #4A9117;}
.reservation a:hover{	background-color: #AD4125;}
.back2list{
	width: 180px;
	float: right;
	margin-bottom: 10px;
}
.go2detail a{
	width: 170px;
	display: block;
	padding: 3px 5px 2px;
	background-color: #358bc2;
	color: #fff;
	text-align: center;
	float: right;
}
#prog-fashion .go2detail a{
	display: none;
}
.go2detail a:hover{
	background-color: #2E76A7;
}
.back2list a{
	width: 170px;
	display: block;
	padding: 4px 5px 2px;
	background-color: #5789a1;
	color: #fff;
	text-align: center;
}
.back2list a:hover{
	background-color: #339999;
}
.tube-play a{
	width: 57px;
	height: 57px;
	background : url(../images/film-utility/tube-play.png) no-repeat;
	display: block;
	position: absolute;
	left: 40%;
	top: 35%;
	text-indent: 100%;
	overflow: hidden;
	opacity: 0.6;
}
.tube-play a:hover{
	opacity:1;
}
.timeline{
	margin-top: 25px;
	margin: 35px 0 50px;
}
.catch{
	margin: 0 0 10px;
	color: rgba(102,102,102,1);
}
.other_j{}
.other_e{}
/*---------------------------pager*/
.film-pager{
	clear: both;
	margin-top: 30px;
	width: 100%;
	margin-bottom: 10px;
	height: 60px;
}
.film-pager a{
	display: inline-block;
	padding: 2px 0 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: #eee 1px solid;
	margin-bottom: 5px;
	width: 44px;
	float: left;
	text-align: center;
	margin-right: 5px;
}
.film-pager a.active{
	padding: 2px 0;
	background-color: #F3F4EF;
	border-radius: 4px;
	-webkit-border-radius: 4px 4px 0px 0px;
	box-shadow: 0px 1px 2px rgba(102,102,102,.4);
	-webkit-box-shadow: 0px 1px 2px rgba(102,102,102,.4);
	border: none;
	margin-right: 5px;
	width: 44px;
}
.film-pager a:hover{
	background-color: #F7F7F4;
}
/*------------------------------------

Page-AWARD

------------------------------------*/
.award-image{
	width: 100%;
	height: 400px;
	margin: 0 auto;
	background: url(../images/award/award-prize-smp.jpg) no-repeat center bottom;
	color: #333333;
	padding: 10px 0 0 0;
	background-size: contain;
}
.award-3{
	width: 214px;
	margin: 0 auto 16px auto;
	color: #FBFAF0;
	padding: 0 1% 0;
	font-size: 16px;
	text-align: center;
	background-color: #C74338;
}
.award-3 h3{
	text-align: center;
	font-size: 16px;
	padding-bottom: 10px;
	display: block;
	margin: 0 auto;
	font-weight: bold;
	padding: 12px 0 5px;
	color: #EEDCB3;
}
.award-3:nth-of-type(2){
	margin: 0 auto 15px !important;
}
.award-3 h3.award-3b{
	padding: 12px 0 6px;
	font-size: 14px;
}
.award-3 hr{
	border-bottom: #666 1px dotted;
	margin: 0 0 10px 0;
	border-color: #EEAEAE;
}
.award-3 strong{
	color: #fff;
	font-size: 18px;
	line-height: 1.5em;
}
.award-2{
	width: 330px;
	padding: 10px 10px 0;
	float: left;
	font-size: 12px;
	margin-bottom: 20px;
}
.award-2:hover strong{
	border-bottom:rgba(255,255,255,1) 3px solid;
}
.youtube-twin{
	width: 100%;
	margin: 10px 0;
}
.youtube-twin iframe{
	width: 100%;
}
/*--------------------------3個*/
.award-3-2{
	width: 230px;
	/* [disabled]float: left; */
	margin: 0 auto 16px;
	padding: 0;
	font-size: 12px;
	line-height: 1.4em;
	color: #fff;
}
.award-3-2:first-child{
	margin: 0 auto 15px;
}
.award-3-2 h4{
	padding: 0 0 5px;
	font-size: 16px;
	font-weight: bold;
	border-bottom:rgba(255,255,255,.5) 1px solid;
	margin-bottom:5px;
	display:block;
}
/*----------------------------背景*/
.award-3-2.green-y{}
.award-3-2.pink-i{}
.award-3-2.purp-y{}
.award-3-2.blue-i{}
.award-3-2.blue-y{}

/*-------------------------3個派生*/
.award-3-2-inner-green{
	background-color: #71BA1F;
	padding: 12px 10px 0;
	margin-bottom: 30px;
}
.award-3-2-inner-pink{
	background-color: #BF5568;
	padding: 12px 10px 0;
	margin-bottom: 30px;
}
.award-3-2-inner-purp{
	padding: 12px 10px 0;
	background-color: #9977B5;
	margin-bottom: 30px;
}
.award-3-2-inner-blue{
	padding: 12px 10px 0;
	background-color: #58AEC0;
	margin-bottom: 5px;
}
/*-------------------------3個の中*/
.award-3-2-2{
	width: 106px;
	float: left;
	margin: 0 0 0 10px;
	padding: 8px 1px 0;
	font-size: 12px;
	/* [disabled]height: 90px; */
	line-height: 1.4em;
}
.award-3-2-2:first-child{
	margin: 0 0 0 0;
}
/*-------------------------3個の中・派生*/

.award-3-2-2 h3.award-3b{
	padding: 12px 0 6px;
	font-size: 14px;
}
.award-3-2-2.awd-green{
	background-color: #71BA1F;
}
.award-3-2-2.awd-pink{
	background-color: #BF5568;
	margin: 0 0 0 60px;
}
.award-3-2-2.awd-purp{
	background-color: #9977B5;
}
.award-3-2-2.awd-blue1{
	background-color: #58AEC0;
	margin: 0 0 0 60px;
}
.award-3-2-2.awd-blue{
	background-color: #58AEC0;
}
.award-price{
	display: inline-block;
	font-size: 11px;
	padding: 3px 3px 2px;
	background-color: rgba(255,255,255,.3);
	margin-top: 5px;
	font-weight: bold;
	text-shadow: 0px 0px 2px rgba(0,0,0,.4);
}
/*---------------------------------------------------------official-*/
.half-int{
	padding: 10px;
}
.half-asa{
	padding: 10px;
}
.half-int-box{
	width: 100%;
	margin-bottom: 25px;
}
.half-asa-box{
	width: 100%;
}
.half-int h3{}
.half-asa h3{}
.half-int strong{
	color: #CDA05F;
}
.half-asa strong{
	color: #CC6666;
}
.jury-photo{
	width: 30%;
	float: left;
}
.jury-photo img{
	width: 100%;
	border: 3px solid #fff;
	box-shadow: 0px 1px 5px 1px rgba(51,51,51,0.2);
	height:auto;
}
.jury-text{
	width: 66%;
	float: right;
	font-size: 11px;
	line-height: 1.6em;
	color: #585858;
}
.jury-text strong{
	font-size: 14px;
	font-weight: normal;
	color: #333333;
}
.jury-box{
	clear: both;
	margin: 5px 0 0;
	padding: 5px;
	background-color: #F6F6F6;
}
/*------------------------------------------------------UULA*/
.uula-box{
	width: 100%;
}
.uula-mayj,.uula-d{
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
}
.uula-box h4{
	font-weight: bold;
	color: #fff;
	background-color: rgba(192,135,194,1);
	display: block;
	width: 45%;
	padding: 4px;
	font-size: 14px;
}
.uula-box .alignright{
	margin-top: 0px;
}
/*------------------------------------

Page-ACCESS

------------------------------------*/
span.accessarrow{
	background-color: #CC6600;
	padding: 1px 3px 0;
	color: #fff;
	font-size: 10px;
	display:inline-block;
margin-right:10px;
position:relative;
}
span.accessarrow:after{
  content: "";
  display: inline-block;
  border: 8px solid transparent;
  border-left-color: #CC6600;
		position:absolute;
		top:0.25em;
}
.swipe{
	margin: 15px -2% 0;
	-webkit-text-size-adjust: 100%;
	overflow-x: scroll;
}
.swipe:hover{}
.swipe iframe{
	width:100%;
}
/*------------------------------------

News Topics

------------------------------------*/
.toppicsbox{
	padding: 15px;
	margin-bottom: 20px;
}
.news-box{}
.news-title{
	padding: 25px 0 10px;
	font-size: 22px;
}
.news-box iframe{
	width: 100%;
	height: 60%;
	padding: 20px 0;
}
.youtube{
	position: relative;
	width: 98%;
	padding-top: 56.25%;
	margin-bottom: 5em;
}
.youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 98% !important;
	height: 100% !important;
}
.news-title-list{
	padding: 0 0 10px;
	font-size: 16px;
	border-bottom: 1px solid #ccc;
}
.news-date{
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}
.news-date-list{
	padding: 10px 0 5px;
	border-bottom: 1px dotted #E1E1E1;
	margin-bottom: 10px;
}
.news-text{ font-size:14px; line-height:1.6em;}
.news-text img{ max-width:100%; height:auto;}
.news-text img.aligncenter{ display:block; margin:15px auto;}
.alignleft{
	float: left;
	margin: 0 20px 20px 0;
}
.alignright{
	float: right;
	margin: 20px 0 20px 20px;
}
.news-text a {
	color: #40A3BB;
}
.news-text a:hover {text-decoration:underline;}

/*------------------------------------

BANNER

------------------------------------*/
.banner-a{
	float: left;
	padding: 10px;
}
.banner2{
	background-color: rgba(255,255,255,.8);
	padding: 0px;
	border: #666;
	box-shadow: 0px 0px 2px 1px rgba(102,102,102,.3);
	margin: 15px 0 15px;
}
.banner2 img{vertical-align: bottom;}
/*------------------------------------

FOOTER

------------------------------------*/
.footer{
	width: 100%;
	padding: 20px 0;
	background: url(../images/common/head-foot.jpg) rgba(31,29,29,1) repeat-x bottom center;
	clear: both;
}
.foot-inner{
	width: 100%;
	margin: 0 auto;
}
.foot-nav{
	padding-bottom: 10px;
	font-size: 11px;
}
.foot-nav ul{
	float: left;
	display: none;
	width: 190px;
	padding-right: 5px;
	line-height: 1.2em;
	border-left: #999 1px dotted;
	height: 390px;
}
.foot-nav ul:first-child{
	border-left:none;
}
.foot-nav ul li{
	padding: 0 0 6px 20px;
	color: #999;
}
.foot-nav ul li a{
	color: #999;
	position: relative;
	display: block;
}
.foot-nav ul li a:hover{
	color: #66CCCC;
}
.foot-nav ul li a:before{
	content: '\f0da';
	font-family: 'icomoon';
	font-size: 9px;
	position: absolute;
	top: 0.14em;
	left: -6px;
}
.foot-nav ul li.er{
	padding: 0 0 10px 10px;
	font-weight: bold;
	color: #B2B2B2;
}
.foot-nav ul li.er a{
	font-weight:normal;
}
.foot-nav ul li.er a:before{
	content:normal;
}
.foot-logo{
	background: url(../images/common/logo.png) no-repeat;
	width: 55px;
	height: 27px;
	background-size: contain;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	float: left;
	margin: 10px 0 10px 0;
}
.foot-copy{
	color: rgba(183,183,183,1);
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	display: inline-block;
	margin: 12px 0 0 5px;
	font-size: 10px;
}
.pagetop {
	position: relative;
}
.pagetop a{
	position: absolute;
	width: 40px;
	height: 40px;
	background-color: rgba(31,29,29,1);
	right: 10px;
	top: -38px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	color: #ccc;
}
.pagetop a:hover{color: #66CCCC;}
.pagetop a span{
	font-size:30px;
	display:block;
	width:30px;
	height:30px;
	margin:0 auto;
	text-align:center;
}
/*------------------------------------

SCHEDULE

------------------------------------*/
.sch-date-posi{
	position: relative;
	height: 10px;
}
.sch-date{
	text-align: center;
	width: 71px;
	height: 52px;
	font-size: 32px;
	color: #40352F;
	font-family: Raleway, sans-serif;
	display: block;
	padding: 19px 0 0 0;
	background-color: #FFCC33;
	border-radius: 50%;
	text-shadow: 1px 1px 1px rgba(255,255,204,.5);
	-webkit-border-radius: 50%;
	position: absolute;
	left: -3px;
	top: 2px;
	font-weight: 200;
}
.sch-date span{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 14px;
}
/*---------------------------Table（1）*/
table.sch{
	width: 100%;
	margin: 60px 0 30px 0;
	border-collapse: separate;
	border-spacing: 1px;
}
table.sch th{
	font-weight: normal;
	text-align: left;
	background-color: rgba(153,153,153,0.1);
	padding-left: 3px;
	vertical-align: middle;
	font-size: 11px;
}
table.sch td{
	padding: 3px 0 0;
	text-align: center;
	font-size: 11px;
	line-height: 1.4em;
	width: 17.4%;
}
table.sch td a{
	display:block;
	padding:2px 0 1px;
}
table.sch td{
	display: table-cell;
	vertical-align: bottom;
}
table.sch a:hover{
	color: #fff;
	background-color: rgba(0,0,0,.2);
}
.ticket{
	margin-top: 5px;
	display: block;
}
.ticket a{
	padding: 3px 0;
	display:block;
}
.ticket a:hover{
	opacity:0.5;
}
tr.top-tr td,tr.top-tr th{
	background-color: rgba(204,204,204,.3);
	padding: 2px 0;
	font-size: 11px;
}
.swipe-table{
	margin-top: 5px;
	display: none;
}
/*---------------------------Table（2）*/
table.listsch{
	width: 100%;
	margin: 0px 0 30px 0;
	border-collapse: separate;
	border-spacing: 2px;
}
table.listsch th{
	font-weight: normal;
	text-align: left;
	background-color: rgba(153,153,153,0.1);
	vertical-align: middle;
}
table.listsch th a{
	display: block;
	border: #E7E7E7 1px dotted;
	font-size: 11px;
	width: 60px;
}
table.listsch td{
	text-align: center;
	font-size: 10px;
	background-color: #f2f2f2;
}
table.listsch td.site-1{
	background-color: #e3f1bb;
}
table.listsch td.site-2{
	background-color: #c4e7d3;
}
table.listsch td.site-3{
	background-color: #C4E8E4;
}
table.listsch td.site-4{
	background-color: #CDDDF1;
}
table.listsch td.site-5{
	background-color: #E3D9F4;
}
table.listsch td.site-6{
	background-color: #F5D8E6;
}
table.listsch td.site-7{
	background-color: #F3E9DA;
}
table.listsch th.sun-td{
	background-color: #f2e5e4;
}
table.listsch th.sat-td{
	background-color: #EEF0F9;
}
/*-----------------------------------------------------------------------------------program-color*/
.int-td{
	background-color: #F9DD93;
}
.int-td .ticket a{
	background-color: #F8B73F;
	color: #fff;
}
.asa-td{
	background-color: #EBB6B6;
}
.asa-td .ticket a{
	background-color: #e67070;
	color: #fff;
}
.msc-td{
	background-color: #EEDFF7;
}
.msc-td .ticket a{
	background-color: #BB87BC;
	color: #fff;
}
.eth-td{
	background-color: #d3f1ba;
}
.eth-td .ticket a{
	background-color: #8dcb59;
}
.eve-td{
	background-color: #D1E7F5;
}
.eve-td .ticket a{
	background-color: #77BBD9;
	color: #fff;
}
.cgr-td{
	background-color: #f9e3db;
}
.cgr-td .ticket a{
	background-color: #ebb1a5;
}
.prg-td{
	background-color: #d8f0ef;
}
.prg-td .ticket a{
	background-color: #9cd6d4;
}

/*------------------------------------

FONT

------------------------------------*/
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?m4wk15');
	src:url('../fonts/icomoon.eot?#iefixm4wk15') format('embedded-opentype'),
		url('../fonts/icomoon.woff?m4wk15') format('woff'),
		url('../fonts/icomoon.ttf?m4wk15') format('truetype'),
		url('../fonts/icomoon.svg?m4wk15#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-search:before {content: "\f002";}
.icon-film:before {content: "\f008";}
.icon-home:before {content: "\f015";}
.icon-play-circle-o:before {content: "\f01d";}
.icon-camera:before {content: "\f030";}
.icon-video-camera:before {content: "\f03d";}
.icon-map-marker:before {content: "\f041";}
.icon-edit:before {content: "\f044";}
.icon-pencil-square-o:before {content: "\f044";}
.icon-chevron-left:before {content: "\f053";}
.icon-chevron-right:before {content: "\f054"; position:relative; top:1px;}
.icon-chevron-up:before {	content: "\f077";}
.icon-chevron-down:before {content: "\f078";}
.icon-times-circle:before {content: "\f057";}
.icon-info-circle:before {content: "\f05a";}
.icon-exclamation-triangle:before {content: "\f071";}
.icon-warning:before {content: "\f071";}
.icon-calendar:before {content: "\f073";}
.icon-shopping-cart:before {content: "\f07a";}
.icon-twitter-square:before {content: "\f081";}
.icon-facebook-square:before {content: "\f082";}
.icon-trophy:before {content: "\f091";}
.icon-phone-square:before {content: "\f098";}
.icon-minus-square:before {	content: "\f146";}
.icon-plus-square:before {	content: "\f0fe";}
.icon-globe:before {content: "\f0ac";}
.icon-bars:before {content: "\f0c9";}
.icon-navicon:before {content: "\f0c9";}
.icon-reorder:before {content: "\f0c9";}
.icon-google-plus-square:before {content: "\f0d4";}
.icon-caret-down:before {content: "\f0d7";}
.icon-caret-up:before {content: "\f0d8";}
.icon-caret-right:before {content: "\f0da";}
.icon-angle-left:before {content: "\f104";}
.icon-angle-right:before {content: "\f105";}
.icon-angle-up:before {content: "\f106";}
.icon-angle-down:before {content: "\f107";}
.icon-mail-reply:before {content: "\f112";}
.icon-reply:before {content: "\f112";}
.icon-youtube-square:before {content: "\f166";}
.icon-youtube-play:before {content: "\f16a";}
.icon-instagram:before {content: "\f16d";}
.icon-tumblr-square:before {content: "\f174";}
.icon-envelope-square:before {content: "\f199";}
.icon-file-pdf-o:before {content: "\f1c1";}
.icon-newspaper-o:before {content: "\f1ea";}
.icon-vimeo2:before {content: "\ea9d";}
.icon-icon-ticket:before {content: "\e600";}

/*------------------------------------

Clear FIX（IE6対応版）

------------------------------------*/

.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.cf {
	display: inline-block;
	min-height: 1%;
	overflow: visible;
}
/* Hides from IE-mac \*/

* html .cf {
	zoom: 1;
}
.cf {
	display: block;
}
*:first-child+html .cf{ zoom: 1; } 
.clear{clear:both;}
.lang-j{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.lang-e{font-family:Arial, Helvetica, sans-serif;}
.caution{color:#CC3300;}
.pc-br{ display:none;}
.smp-br{}
hr{
	height: 1px;
	border: none;
	border-bottom: #ccc 1px solid;
	margin: 40px 0;
	padding: 0 0 0 0;
	clear: both;
}
#about hr{
	height: 1px;
	border: none;
	border-bottom: #ccc 1px solid;
	margin: 30px 0;
	padding: 0 0 0 0;
}
.filmset hr,.film-caption hr{
	height: 1px;
	border: none;
	border-bottom: #ccc 1px solid;
	margin: 10px 0 20px 0;
	padding: 0 0 0 0;
}
a.about-pg{
	display: block;
	margin-bottom: 45px;
	color: rgba(0,153,153,1);
}
a.about-pg:after{
	content:'\f054'; font-family:'icomoon'; font-size:11px; color:#ccc; position:relative; top:0.1em;
}
a.about-pg:hover{	color: #66CCCC;}
a.about-pg-rev{
	display: inline-block;
	margin-bottom: 45px;
	background-color: rgba(92,192,214,0.6);
	color: #fff;
	padding: 3px 10px 2px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}
a.about-pg:after{
	content:'\f054'; font-family:'icomoon'; font-size:11px; color:#ccc; position:relative; top:0.1em;
}
a.about-pg-rev:hover{	background-color: rgba(92,192,214,0.9);
}
.rerative{ position:relative;}
.allcenter{ text-align:center;}
.allright{ text-align:right;}
.float-left{ float:left; margin:0 20px 20px 0;}
.float-right{ float:right; margin:0 0 20px 20px;}
.caption{font-size: 11px; line-height: 1.4em;}
.font-18{font-size:16px;}
.font-16{font-size:16px;}
.font-14{font-size:14px !important;}
.font-13{font-size:13px !important;}
.font-12{font-size:12px;}
.font-11{font-size:11px;}
img.smp{ width:100%; height:auto;}
img.smp80{ width:80%; height:auto;}
img.smp50{ width:50%; height:auto;}
img.smp25{ width:25%; height:auto;}
/*-------------------------------------------------------------------------------------------AFTER-patch*/
.event-timeline{
	margin-top: 25px;
	margin: 35px 0 20px;
}
.event-timeline .screening_j{
	padding: 8px;
	border-left: #cfcfcd 8px solid;
	background-image: url(../images/film-utility/time-bg.gif);
	margin-bottom: 2px;
}
.event-caption{
	float: left;
	font-size: 12px;
	padding: 0 0 50px 0;
	margin-top: -15px;
}
.event-photo-land{
	width: 100%;
	margin: 0 0 20px 0;
}
.event-photo-land img{
	width: 90%;
	height: auto;
	display: block;
	margin: 0 auto;
}
.event-photo{
	width: 220px;
	margin: 0 auto 20px;
}
.kazoku-photo{
	padding: 0 10px;
	margin: 0 0 20px 0;
	font-size: 12px;
	line-height: 1.6em;
}
.kazoku-photo img,.kazoku-photo-last img{
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}
.kazoku-photo strong,.kazoku-photo-last strong{
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: normal;
}
.kazoku-photo-last{
	padding: 0 10px;
	margin: 0 0 20px 0;
	font-size: 12px;
	line-height: 1.6em;
}
.yokohama-unit1{
	width: 120px;
	float: left;
	margin: 0 10px 20px 0;
}
.yokohama-unit1 img{
	width:100%;
	height:auto;
}
.yokohama-unit2{
	width: 300px;
	float: left;
	margin: 0 20px 30px 0;
}
.yokohama-unit3{
	width: 410px;
	float: left;
	padding-bottom: 20px;
}
.yokohama-unit4{
	width: 300px;
	float: left;
	padding-bottom: 20px;
}
.kankou-unit{
	margin: 30px 0 50px;
}
.kankou-unit1{
	width: 100%;
	margin-bottom: 20px;
}
.kankou-unit2{
	background-color: #f8f8f6;
	margin: 0 0 30px 0;
	padding: 40px 5% 10px;
	width: 90%;
	font-size: 12px;
}
.kankou-unit3{
	background-color: #f8f8f6;
	padding: 40px 5% 10px;
	width: 90%;
	float: left;
	font-size: 12px;
}
.kankou-unit4{
	width: 100%;
	padding-bottom: 20px;
}
.kankou-unit5{
	width: 100%;
	padding-bottom: 20px;
}
.kankou-unit6{
	font-size: 12px;
	margin: 0 -5px 0;
}
.kankou-unit1 img,.kankou-unit4 img,.kankou-unit5 img{
	width: 100%;
	height: auto;
}
.ibaraki-unit1{
	float: left;
	width: 40%;
	margin-bottom: 10px;
	margin-left: 20px;
	text-align: center;
}
.ibaraki-unit2{
	float: right;
	width: 40px;
	margin-bottom: 30px;
	margin: 0 0 0 20px;
}
.ibaraki-unit{
	clear: both;
	margin: 10px 0 0;
}
.ibaraki-unit3{
	width: 232px;
	margin-right: 7px;
	margin: 0 auto;
}
.ibaraki-unit4{
	width: 232px;
	margin: 0 auto;
}
.lexus-photo{
	width: 100%;
	margin-bottom: 25px;
}
.lexus-photo img{
	width: 32%;
	float: left;
	margin: 0 1% 10px 0;
	height: auto;
}
.lexus-photo img:last-child{
	margin: 0 0px 10px 0;
}
.lexus3-1{
	width: 100%;
}
.lexus2-1{
	width: 32%;
	float: right;
	margin-right: -3%;
	padding-top: 10px;
}
.lexus2-1 img{
	width: 100%;
	height: auto;
}
.lexus1-3{
	width: 100%;
}
.lexus1-2{
	width: 72%;
	margin-left: -4%;
	float: left;
}
.lexus1-2 img{
	width: 100%;
	height: auto;
}
.lexus1-3 iframe{
	width: 100%;
}
.lexus-guest-a{
	width: 100%;
	font-size: 12px;
	padding: 70px 0 0 10px;
}
.lexus-guest{
	width: 100%;
	font-size: 12px;
}
.lexus-guest-b{
	width: 100%;
	font-size: 11px;
	line-height: 1.4em;
}
.lexus-guest-c{
	float: right;
	width: 45%;
	font-size: 12px;
}
.event-photo img{width:100%; height:auto;}
li.subnav-title{
	font-size: 11px;
	padding: 1px 0 0 5px;
	background-color: rgba(238,238,238,1);
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
ul.notice{
	padding-left: 10px;
	font-size: 11px;
	line-height: 1.6em;
	margin-left: 10px;
}
ul.notice li{
	padding-bottom: 10px;
}
blockquote{
	padding: 0 0 0 10px;
}
.reco-topicks{}
.reco-topicks img{ width:70px; height:auto; float:left; margin-right:10px; border:#006699 1px solid;}
.reco-topicks span{
	background-color: #88C5E1;
	font-size: 12px;
	padding: 2px 5px;
	margin: 0 0 5px 0;
	display: block;
	width: 150px;
	color: #fff;
	text-align: center;
}
.reco-topicks div{
	padding: 10px 2%;
	margin-right: 0px;
	border: 1px solid #D9D9D9;
	margin-bottom: 5px;
}
.reco-topicks a {
	color: #006699;
}
.reco-topicks a:hover {text-decoration:underline;}
.paging{
	height: 40px;
	margin-bottom: 0px;
}
.paging .rev a,.paging .next a{
	width: 40px;
	height: 30px;
	padding-top:10px;
	color:#fff;
	font-size:16px;
	text-align: center;
	float: left;
	margin-left:20px;
	background-color:rgba(0,153,204,.5);
	-webkit-border-radius:50%;
	border-radius:50%;
}
.paging .next a:hover,.paging .rev a:hover{
		background-color:rgba(0,153,204,.2);
}
/*-----------topics改修*/
.news-text figure img,
img.wp-caption,#topics .news-box img{
	max-width: 100% !important;
	height: auto;
}
.news-text figure{width:100% !important;}
/*-child-*/
.childpac1{
	margin-bottom: -2em;
}
.childpac2{
	padding-bottom: 100px;
	background: url(../images/Amb-France_IFJ.jpg) no-repeat center bottom;
	background-size:20%;
}