@charset "UTF-8";

header {
	background-image: none;
	height:94px;
}

body.home header h1{
	float: left;
	padding: 15px 0 0 22px;
}

body.home header .headerAd_728x90 {
    float: right;
    padding: 15px 22px 0 0;
}

body.home header ul#subnavi2 {
	position: absolute;
	top: 15px;
	right: 22px;
	z-index: 10;
}

/*　映画を探す
----------------------------------------------------*/

div#col_main section.searchMovieHome .inner{
	padding: 0;
	margin: 0 0 -5px -1px ;
	background: #dddddd;
}

section.searchMovieHome li {
	margin-bottom: 5px;
}

section.searchMovie li:first-child{
	margin-bottom: 6px
}


/*　劇場を探す
----------------------------------------------------*/

div#col_main section.searchTheater .inner{
	padding: 0;
	background: #EEE;
}


section.searchTheater #theaterList{
	padding: 1px;
}

section.searchTheater #theaterList li.area {
	width: 350px;
	color: #E9E9E9 ;
	background-image: none;
	background-color: #333333;
	padding-left:8px;
	line-height: 20px;
	height: 20px;
	font-weight: bolder;
}

section.searchTheater #theaterList li {
	width: 179px;
	float:left;
	cursor: pointer;
}

section.searchTheater p.comment {
	font-size:11px;
	line-height:1.4;
	padding:4px 5px;
	margin:0 1px 2px;
	background: #333;
	color: #E9E9E9;
}

#theaterList li{
	position:relative;
}

#theaterList .icon{
	position: absolute;
	top:4px;
	right:10px;
}


/*　ランキング
----------------------------------------------------*/

#col_main .weeklyranking h2 span{
	font-size: 10px;
	float: right;
	text-shadow:none;
	font-weight: normal;
}

#col_main .weeklyranking{
	margin-bottom: 10px;
	font-size: 95.5%;
	line-height: 1.3em;
}
#col_main .weeklyranking .inner{
/*	padding-bottom: 9px;*/
}
#col_main .weeklyranking ol li a{
	text-decoration: none;
}
#col_main .weeklyranking ol li div img{
	vertical-align: middle;
}


/* 1位から3位 */
#col_main .weeklyranking ol.ranking1{
	background: url(https://img.unitedcinemas.jp/image/common/line_dot_gray2.gif) 0 bottom repeat-x;
	margin-bottom: 6px;
	overflow: hidden;
}
#col_main .weeklyranking ol.ranking1 li{
	float: left;
	width: 110px;
	margin-right: 7px;
}
#col_main .weeklyranking ol.ranking1 li.r3{
	margin-right: 0;
}
#col_main .weeklyranking ol.ranking1 li .photo{
	width: 110px;
	margin-bottom: 5px;
}
#col_main .weeklyranking ol.ranking1 li .title{
	width: 110px;
}
#col_main .weeklyranking ol.ranking1 li .title a{
	overflow: hidden;
	display: inline-block;
	width: 94px;
}
#col_main .weeklyranking ol.ranking1 li .title img.rank{
	float: left;
	margin-right: 5px;
	margin-bottom: 7px;
}


/* 4位から10位 */
#col_main .weeklyranking ol.ranking2 li .title a{
	padding-top: 3px;
	display: block;
	width: 324px;
	overflow: hidden;
}
#col_main .weeklyranking ol.ranking2 li{
	clear: both;
	margin: 0 0 8px;
	padding: 0 0 8px;
	background: url(https://img.unitedcinemas.jp/image/common/line_dot_gray2.gif) 0 bottom repeat-x;
}
#col_main .weeklyranking ol.ranking2 li:last-child{
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
#col_main .weeklyranking ol.ranking2 li .title {
	overflow: hidden;
	width: 100%;
}
#col_main .weeklyranking ol.ranking2 li .title img.rank{
	float: left;
	margin-right: 5px;
}
#col_main .weeklyranking ol.ranking2 li .title a img{
	position: relative;
	top: -1px;
}
#col_main .bannerArea{
	clear: both;
}
#col_main .bannerArea ul li img{
	width: 100%;
}
#col_main .bannerArea ul li{
	box-sizing: border-box;
	float: left;
	width: 183px;
	margin-right: 9px;
	margin-bottom: 13px;
}

#col_main .bannerArea ul li:nth-child(4n){
	margin-right: 0;
}



/*　ご案内
----------------------------------------------------*/

#col_main section.information .inner{
	padding: 0  ;
	background-color: transparent;
}

#col_main section.information ul li{
	float: left;
	width:235px;
	padding-right:13px;
}

#col_main section.information ul li.last{
	padding-right: 0;
}
/*　サイドバナー
----------------------------------------------------*/
ul.bannerListHome {
	margin-bottom: 16px;
}

ul.bannerListHome li {
    margin-bottom: 8px;
}

/*　HOME 日付から探す
----------------------------------------------------*/
body.home ul#dateList {
	margin-bottom: 16px;
}

body.home ul#dateList li.bt_big {

	border-bottom:1px solid #a6a6a6;
}

body.home ul#dateList a {
	display: block;
	padding: 4px 0 1px 21px;
	color:#222222;
	font-size: 167%;
	text-decoration: none;
	text-shadow: 1px 1px 1px #E9E9E9;
}

body.home ul#dateList a:hover{
	color:#0054a5;
	text-shadow: 1px 1px 0px #dddddd;
	padding: 4px 0 1px 22px;
}

/*　HOME 日付から探す-劇場選択
----------------------------------------------------*/

body.home dl#dateTheater{
	margin-bottom: 22px;
}

body.home dl#dateTheater dt.head02{
	padding: 16px 0 4px;
	margin-bottom: 8px;
}

body.home dl#dateTheater dd.bt_big{
	padding: 12px 8px;
	width: 292px;
	float: left;
	border-bottom:1px solid #a6a6a6;
	padding: 8px 8px 5px;
}

body.home dl#dateTheater dd.even{
	margin-left: 8px;
}

body.home dl#dateTheater dd a {
	display: block;
	padding: 0 0 0 21px;
	color:#222222;
	text-decoration: none;
	text-shadow: 1px 1px 1px #E9E9E9;
}

body.home dl#dateTheater dd a:hover{
	color:#0054a5;
	text-shadow: 1px 1px 0px #dddddd;
	padding: 0 0 0 22px;
}


/* showing & coming soon
-----------------------------------*/

.film ul.contentsTub{
	width:744px;
	background: #DDD;
	padding: 8px;
	margin-bottom: 16px;
}

.commingSoon ul.contentsTub,
.nowShowing  ul.contentsTub{
	margin-bottom: 0;
}

.film .ytube{
	margin-bottom: 15px;
}

.film .ytube .bt_s {
display: none !important;
}

.film .ytube div#trailers div#main-navi ul#videoList {
width: 196px;
display: block !important;
}

ul.contentsTub li {
	float:left;
	width:117px;
	margin-right:8px;
	position:relative;
    background: url("https://img.unitedcinemas.jp/image/common/bg_btn_56.gif") repeat-x scroll 0 50% #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #444444;
    font-weight: bolder;
    padding: 12px 8px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #E6E6E6;
   	text-align: center;
}

ul.contentsTub li.onshow {
	background: #000;
    color: #EEEEEE;
    text-shadow: 0px 0px 0 ;
}
ul.contentsTub li.last {
	width:196px;
	margin-right:0px;
}

ul.contentsTub li a {
	color:#555;
	text-decoration: none;
	display: block;
}

ul.contentsTub li a:hover {
	color: #0054A5;
}

.film ul.contentsTub:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.film #operationButton {
	padding-top:24px;
	width:350px;
	float:right;
	text-align:right;
}

.film #operationButton img {
	vertical-align:middle;
}

.film .contentsWide h2.head02 {
	position:relative;
}

.film .contentsWide h2.head02 #btnSendMobile{
	position:absolute;
	top:16px;
	right:160px;
}

.film .contentsWide h2.head02 #btnPrint{
	position:absolute;
	top:16px;
	right:20px;
}

/* showing
-----------------------------------*/
#showingList ul.films {
	margin: 1em 0 0 0;
	padding: 0;
	border: 0;
}
#showingList ul.films li {
	margin: 0.5em 0 0 0;
	padding: 0.5em 0 0 0;
	border: none;
	border-top: 1px gray dotted ;
}
#showingList ul.films li div.title {
	border-left: 6px gray solid;
	padding-left: 0.5em;
	float: left;
	width: 440px;
}
#showingList ul.films li div.title span {
	color: gray;
}

#showingList ul.filmSelect {
	background: #333;
	text-align: left;
	margin-bottom: 16px;
	width: 644px;
	margin: -8px 0 0 -8px;
}

#showingList ul.filmSelect li{
	margin-bottom:16px;
	display: inline
}

ul.movieList ul.filmSelect li.nowShowingBtn{
	float:left ;
	width:138px;
}

ul.movieList h2 {
	border-bottom: 5px solid #666;
	background: #000;
	color: #FFF;
	text-align: center;
	padding: 7px 0;
	font-size: 122%;
}

ul.movieList {
	clear:both;
	padding: 0 0;
}

ul.movieList li {
	border-bottom: 1px dotted #999999;
	padding:10px 0 12px;
	background:#FFF;
	margin-bottom:0;
}

@media all and (-ms-high-contrast:none){
	ul.movieList li.movie_9,
	ul.movieList li.movie_12,
	ul.movieList li.movie_15,
	ul.movieList li.movie_18{
		border-bottom: none;
		padding:0px;
	}
}

ul.movieList li.last {
	border: none;
	margin-bottom: 16px;
}


ul.movieList li div.movieLeft div.movieLeft_main {
	float: left;
	width: 182px;
	_width: 192px;
	padding: 0 0 5px;
}
ul.movieList li div.movieLeft div.movie3d {
	float: left;
	margin: 0 0 5px;
	color:#005B95;
	font-size:95%;
}

ul.movieList li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.movieList li {
	zoom: 1;
}

ul.movieList div.iconPresent {
	float:left;
	padding:5px 1px;
}

/* For only mac IE \*//*/
ul.movieList ul li {
	display: inline-table;
}
/**/

ul.movieList div.movieHead {
	position: relative;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
	background-color:#000;
}

ul.movieList div.movieHead:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.movieList .movieHead h3{
	font-weight: bolder;
	padding:10px 0 0 10px ;
	font-size: 105%;
	line-height:1.6;
}

ul.movieList .movieHead h3 a{
	color:#FFF;
}

ul.movieList .movieHead h3 strong {
	font-size: 120%;
	color: #000;
	font-weight: bold;
}

ul.movieList h3 em {
	font-size: 120%;
	color: #C00;
	font-weight: bold;
}

div.movieHead h3 span {
	white-space: nowrap;
	font-weight:normal;
	color:#999;
	font-size: 77%;
	padding-left:10px;
}

div.movieHead h3 span.restrict img {
	vertical-align: -25%
}

*html div.movieHead h3 span.restrict img {
	vertical-align: middle;
}

*+html div.movieHead h3 span.restrict img {
	vertical-align: middle;
}

ul.movieList .movieHead p.imageCopyRight {
	font-size: 77%;
	color:#777;
	line-height:1.1;
	padding:5px 10px 0;
}

ul.movieList div.comments{
	clear:both;
	padding:0 0 15px;
}

ul.movieList div.comments p{
	margin-bottom:5px;
}

ul.movieList p.movieImage img {
	border: 1px solid #999;
}

ul.movieList div.movieLeft {
	float: left;
	width: 180px;
}

ul.movieList div.movieRight {
	float: right;
	clear: both;
	width:526px;
}

ul.movieList div.movieRight dl {
	clear: both;
	padding-right:10px;
	line-height:2em;
}

ul.movieList div.movieRight dl {
	padding: 0 5px 10px 0;
	line-height:1.4;
}

ul.movieList div.movieRight dt {
	position: absolute;
	padding: 0 0 5px;
}

ul.movieList div.movieRight dt img{
	vertical-align:middle;
}


ul.movieList div.movieRight dd  {
	padding: 0 0 5px 7em;
}

ul.movieList p.noComment {
	color: #666;
}

ul.movieList ul.detailBtns {
	clear:both;
	width:100%;
}

ul.movieList ul.detailBtns:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.movieList ul.detailBtns li{
	float:left;
	margin:0;
	padding:0;
	border:none;
}

ul.movieList ul.detailBtns li.aboutBtn {
	float:left;
}

ul.movieList ul.detailBtns li.trailerBtn {
	float:left;
	padding-left:10px;
}

ul.movieList ul.detailBtns li.scheduleBtn {
	float:right;
}

ul.movieList ul.detailBtns li.aboutBtn a{
	width:220px;
	display: block;
}

ul.movieList ul.detailBtns li.trailerBtn a {
	width:140px;
	display: block;
}

ul.movieList ul.detailBtnsComing {
	position: relative;
	width:100%;
}

ul.movieList ul.detailBtnsComing:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.movieList ul.detailBtnsComing li{
	margin:0;
	padding:0;
	border:none;
	float: left;
}

ul.movieList ul.detailBtnsComing li.ticketBtn ,
ul.movieList ul.detailBtnsComing li.mvtkBtn {
	margin-left:5px;
}

ul.movieList ul.detailBtnsComing li.aboutBtn a,
ul.movieList ul.detailBtnsComing li.ticketBtn a,
ul.movieList ul.detailBtnsComing li.mvtkBtn a{
	width:120px;
	display: block;
}

/*  ?????E?~?A?“?J?[’C‰A?@ */

ul.comingAnchor{
	margin:0 0 10px 0;
	padding:0;
	clear:none!important;
	float:left;
}

ul.comingAnchor li{
	float:left;
	margin:0;
	padding:5px 0 0 30px;
	background:url("https://img.unitedcinemas.jp/image/schedule/bg_cominganchor2.gif") top left no-repeat;
	width:58px;
	height:30px;
	border:none;
}

ul.comingAnchor li a{
	color:#fff;
}

p.anchorboxLeft{
	float:left;
}

ul.movieList p.anchorboxRight{
	float:left;
}


/* runding */

#detailBox h3#filmTitle {
	background: #000;
	color:#FFFFFF;
	font-size: 125%;
	margin-bottom: 8px;
	padding: 8px;
	font-weight: bold;
}

#detailBox h3#filmTitle span{
	background: #000;
	font-size: 80%;
	color: #FF0000;
}

#detailBox h3#filmTitle span.restrict img{
	padding-left:8px;
	vertical-align: middle;
}

.imaxBnr {
	background-color: #000;
	width:980px;
	clear:both;
	margin-bottom:10px;
}

.imaxBnr img{
	vertical-align:bottom;
}

.imaxBnr .imaxBtn{
	padding-left:250px;
	padding-bottom:5px;
}

.film div#main {
	padding-bottom:10px;
}

#filmDetail {
	padding: 0 ;
	postion:relative;
	margin-bottom:0;
}

.headBnr img{
	text-align: center;
	padding-top:10px;
	margin-bottom: 16px;
	clear:both;
}


div#video p.largeImg {
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	width:436px;
	height:200px;
	padding-bottom: 10px;
}

*+html div#video p.largeImg {
height: auto;
}

#filmDetail div#video p.largeImg img {
	vertical-align: middle;
	max-height: 380px;
}

#filmDetail #filmTitle {
    background: none;
	color:#EEE;
	font-size:125%;
	margin:10px 0 0;
	padding:0;
	height:63px;
}

#filmDetail #filmTitle span.release {
	color:#CC0000;
	font-weight:normal;
	font-size:83%;
}

div#detailBox div#movieInfo  {
	width: 180px;
	float: left;
	color:#DDD;
}

body.imax #filmDetail h2.head02 {
	margin-left: 20px;
}

body.imax p.topicPath {
	margin-bottom:0px;
}

div#movieInfo h3 {
	margin-bottom: 10px;
}

div#movieInfo p#movieImage {
	width:180px;
	height: 120px;
	font-size: 77%;
	margin-bottom: 8px;
	text-align:center;
}

div#movieInfo p#movieImage img {
	max-width:180px;
	max-height: 120px;
}

*html div#movieInfo p#movieImage img {
	height: 95px;
}


div#movieInfo .official {
	margin-bottom:8px;
}

div#movieInfo .imax3d img{
	margin-bottom:8px;
}

div#movieInfo .restrict img{
	margin-bottom:8px;
}

div#movieInfo span.copy {
	font-size:70%;
	line-height:1.12;
	color:#777;
}

div#movieInfo .movieDetailInfo {
	clear:both;
	padding-right:5px;
	margin-bottom: 10px;
	height:298px;
	overflow:auto;
}

div#movieInfo .movieDetailInfo a,
div#movieInfo .movieDetailInfo a:visited{
	color:#AAA;
}

.movieDetailInfoFilm,
.movieDetailInfo {
	float: right;
	width: 536px;
}

#movieSubInfo {
	background: #DDDDDD;
	padding:8px;
	font-size:93%;
	margin-bottom: 8px;
}

div#movieInfo dt {
  clear: left;
  float: left;
  margin: 0 0 0.5em;
  width: 2.8em;
  line-height: 1.5;
  color: #333;
}

div#movieInfo dd {
  margin-bottom: 0.5em;
  margin-left: 3em;
  line-height: 1.5;
   color: #333;
}

div#movieInfo dt.voiceHead {
  width: 4.8em;
}

div#movieInfo dd.voiceBody {
  margin-left: 4.9em;
}

div#infoListBox ol {
	padding: 0 10px;
}

div#infoListBox ol li {
	padding: 10px 0 10px 40px;
	border-top : 1px dashed #666;
}

div#campaignListBox ol {
	padding: 0 10px;
}

div#campaignListBox ol li {
	border-top: 1px dashed #666;
	padding: 10px 0;
}

div#campaignListBox ol li h4 {
	font-size: 100%;
}

div#campaignListBox ol li h4 span {
	display: block;
	float: right;
	width: 650px;
	padding: 10px 0 10px 40px;
	_width: 690px;
	_padding-bottom: 2px;
}

div#campaignListBox ol li h4 img {
	float: left;
	width: 100px;
}

div#campaignListBox ol li p.campaignLength {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px 0;
	margin: 5px 0;
	clear: right;
	width: 690px;
	float: right;
	_margin: 2px 0;
}

div#campaignListBox ol li p.campaignDesc {
	clear: right;
	width: 690px;
	float: right;
}

div.moreInfoBtn p {
	float:left;
	margin:0px;
	padding:0px
}

div#campaignListBox ol li p.campaignLength img {
	margin-right: 5px;
}


div#recommendBox strong {
	color: #C00;
}

div#recommendBox div.itemBox {
	margin: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #666;
}

div#recommendBox h4 {
	padding: 10px;
	font-size: 100%;
}

div#recommendBox h5 {
	font-size: 100%;
}

div#recommendBox h5 span {
	display: block;
	float: right;
	width: 690px;
	background: #EEE;
	padding: 5px 0;
}

div#recommendBox h5 span img {
	vertical-align: middle;
	margin-right: 2px;
}

div#recommendBox h5 img.thumbImage {
	float: left;
	width: 100px;
}

div#recommendBox ul,
div#recommendBox p#intoCart {
	float: right;
	width: 690px;
	clear: right;
}

div#recommendBox ul li {
	padding: 2px 0;
}

div#recommendBox p#intoCart {
	padding: 3px 0;
}

div#recommendBox p#showOtherItem {
	padding: 5px;
	text-align: right;
}

div#reportBox div.section {
	margin: 0 10px;
	padding: 10px 0;
	border-top: 1px dashed #666;
}

div#reportBox div.firstChild {
	border: none;
}

div#reportBox h4 {
	font-size: 116%;
}

div#reportBox h4 span {
	width: 690px;
	float: right;
}

div#reportBox h4 img {
	width: 100px;
	float: left;
}

div#reportBox p {
	width: 690px;
	float: right;
	clear: right;
}

div#uolInfoBox {
	margin: 0;
}

div#uolInfoBox h4 {
	position: absolute;
	padding: 10px 0 0 10px;
}

*html div#uolInfoBox h4 {
	bottom: 50px;
}

*+html div#uolInfoBox h4 {
	bottom: 50px;
}

div#dailySchedule {
	background:none;
	padding-bottom:0px;
}

#scheduleListBox hr.dotted{
	display:block;
	background:url(https://img.unitedcinemas.jp/image/common/line_dot_black.gif) 0 50% repeat-x;
	border:none;
	padding:6px 0;
	clear:both;
}

#scheduleListBox .region {
	width:120px;
	float:left;
	font-weight:bold;
	font-size:13px;
}

#scheduleListBox .theaters {
	width:608px;
	float:right;
	text-align:left;
	margin:0;
}


#scheduleListBox .theaters span{
	display:block;
	width:176px;
	margin:0 0 8px 8px;
	float:left;
	padding:4px 8px 3px;
	background: url(https://img.unitedcinemas.jp/image/common/bg_btn_56.gif) 0 50% repeat-x;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	border: 1px solid #CCC;
	font-size:14px;
}

#scheduleListBox .theaters span:hover {
	background-image:none;
	background-color:#DDD;
}


#scheduleListBox .theaters a{
	display:block;
	width:100%;
	text-decoration:none;
	color:#111;
	text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #EAEAEA;
}

#scheduleListBox .theaters a.UC:hover,
#scheduleListBox .theaters a.CPX:hover{
	color:#01459C;
}

#scheduleListBox .theaters a.UC{
	background:url(https://img.unitedcinemas.jp/image/common/icon_uc_ss.gif) 98% 50% no-repeat;

}

#scheduleListBox .theaters a.CPX{
	background:url(https://img.unitedcinemas.jp/image/common/icon_cpx_ss.gif) 98% 50% no-repeat;
}

#scheduleListBox ul.contentsTub{
	padding: 0;
	margin-bottom: 0;
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    width:726px;

}

#scheduleListBox ul.contentsTub li {
	float:left;
	width:225px;
	margin-right:0;
	position:relative;
	background: url("https://img.unitedcinemas.jp/image/common/bg_btn_24_w.gif") repeat-x scroll bottom 50% #EEEEEE;
	color: #444444;
    padding: 2px 8px ;
    text-decoration: none;
    text-shadow: 1px 1px 0 #E9E9E9;
	text-align: center;
    border-right: 1px solid #CCC;
    border-left:none;
    border-top:none;
    border-bottom:none;
    cursor:pointer;
    line-height:18px;
    font-weight:normal;
    font-size:12px;
}

#scheduleListBox ul.contentsTub li.UC{
	background:url(https://img.unitedcinemas.jp/image/common/icon_uc_ss.gif) 98% 50% no-repeat;

}

#scheduleListBox ul.contentsTub li.CPX{
	background:url(https://img.unitedcinemas.jp/image/common/icon_cpx_ss.gif) 98% 50% no-repeat;
}

#scheduleListBox ul.contentsTub li img{
	vertical-align:middle;
	margin:-2px 5px 0 0;
}


#scheduleListBox ul.contentsTub li.onshow {
	background: #D6D6D6;
    color: #01459C;    text-shadow: 0px 0px 0 ;
    font-weight: bolder;
}

#scheduleListBox ul.contentsTub li a {
	color:#555;
	text-decoration: none;
	display: block;
}

#scheduleListBox ul.contentsTub li a:hover {
	color: #0054A5;
}

#scheduleListBox ul.contentsTub:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}