@charset "UTF-8";

#transferArea {
  /* non display
  ---------------------------------------------------------- */
  /* CONTENTS
  ---------------------------------------------------------- */
  /* breadcrumbList
  ---------------------------------------------------------- */
  /* main
  ---------------------------------------------------------- */
  /* top_area_navi
  ---------------------------------------------------------- */
  /* digital_caption
  ---------------------------------------------------------- */
  /* pageTop
  ---------------------------------------------------------- */
}

#transferArea a {
  text-decoration: none !important;
}

#transferArea #wmc_masthead {
  background: url("/common/images/bg_head_mql_top.png") repeat-x left top #000C68;
}

#transferArea hr,
#transferArea #PAGE,
#transferArea #SWFbanner,
#transferArea .side .prime,
#transferArea .side .inner,
#transferArea .side .frame,
#transferArea .side .ranking_gekijyo,
#transferArea #adsense_type_c,
#transferArea .adsense_unit_box_t,
#transferArea .mql_sp_hide {
  display: none;
}

#transferArea #CONTENTS {
  margin: 0 auto;
  background: #FFF;
}

#transferArea .lead_cinemaAllList,
#transferArea .theater {
  margin: 0 auto;
  padding: 0;
  width: 300px;
}

#transferArea .lead_wrapper {
  margin: 0 auto;
  padding: 15px 0 15px;
  width: 300px;
}

#transferArea p.lead {
  margin: 0 auto;
  padding: 15px 0 15px;
  width: 300px;
}

#transferArea ul.lead_arrow {
  padding-left: 10px;
  text-align: left;
  background: transparent url("/common/images/contents_common_blt_03_mql.png") no-repeat;
  background-size: 4px 5px;
  background-position: 0 0.35em;
}

#transferArea ul#breadcrumbList {
  background: #F2F2F2;
}

#transferArea ul#breadcrumbList li {
  display: none;
}

#transferArea ul#breadcrumbList li.current {
  display: block;
  color: #333333;
  display: block;
  margin: 0 auto;
  padding: 10px;
  width: 300px;
  font-size: 1.2em;
  font-weight: bold;
}

#transferArea .main h1 {
  display: none;
}

#transferArea .eventAnchor ul {
  width: 300px;
  margin: 0 auto;
  margin: 20px auto 8px auto;
  border-radius: 5px;
  border: 1px solid #E6E6E6;
}

#transferArea .eventAnchor ul li a {
  display: block;
  margin: 0 auto;
  background: url(/common/images/contents_common_blt_dwn_mql.png) 96% center no-repeat;
  background-size: 17px 17px;
  -webkit-background-size: 17px 17px;
  padding: 10px;
}

#transferArea .eventAnchor ul li:first-child {
  border-bottom: 1px solid #E6E6E6;
}

#transferArea #top_area_navi {
  width: 300px;
  margin: 0 auto;
  padding: 0 0 10px;
}

#transferArea #top_area_navi ul {
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  overflow: hidden;
}

#transferArea #top_area_navi ul li {
  width: 148px;
  float: left;
  border-bottom: 1px solid #E5E5E5;
}

#transferArea #top_area_navi ul li:nth-child(odd) {
  border-right: 1px solid #E5E5E5;
}

#transferArea #top_area_navi ul li:nth-child(even) {
  width: 149px;
}

#transferArea #top_area_navi ul li:last-child {
  border-bottom: none;
}

#transferArea #top_area_navi ul li a {
  display: block;
  margin: 0 auto;
  background: url(/common/images/contents_common_blt_dwn_mql.png) 126px center no-repeat;
  background-size: 17px 17px;
  -webkit-background-size: 17px 17px;
  padding: 15px 10px;
}

#transferArea .digital_caption {
  width: 300px;
  margin: 0 auto;
  font-size: 90%;
  padding: 10px 0 20px;
}

#transferArea .digital_caption dl {
  border-bottom: 1px solid #EBEBEB;
  margin: 0 0 10px;
  padding: 0 0 0 10px;
}

#transferArea .digital_caption dl dt span {
  padding: 0 0 0 40px;
}

#transferArea .digital_caption dl dt:nth-of-type(1) {
  background: url(http://www.warnermycal.com/theater/images/icon_ultira.gif) left top no-repeat;
  background-size: 34px 14px;
  -webkit-background-size: 34px 14px;
}

#transferArea .digital_caption dl dt:nth-of-type(1) span:before {
  content: "マークの劇場は、ULTIRA導入劇場です。";
}

#transferArea .digital_caption dl dt:nth-of-type(2) {
  background: url(http://www.warnermycal.com/theater/images/icon_dbox.gif) left top no-repeat;
  background-size: 34px 14px;
  -webkit-background-size: 34px 14px;
}

#transferArea .digital_caption dl dt:nth-of-type(2) span:before {
  content: "マークの劇場は、D-BOX導入劇場です。";
}

#transferArea .digital_caption dl dd ul li {
  text-align: right;
  padding: 3px 10px 10px 0;
}

#transferArea .digital_caption dt span img {
  display: none;
}

#transferArea .digital_caption p {
  color: #777777;
  margin-left: 1em;
}

#transferArea .digital_caption p span {
  text-indent: -1em;
  display: block;
  padding: 0 0 10px;
}

#transferArea .theater .bot .theater_pageTop {
  margin: 20px auto 0;
  padding: 0 0 30px;
  text-align: right;
  width: 300px;
}

@media screen and (min-width: 480px) {
  #transferArea ul#breadcrumbList li.current,
  #transferArea .eventAnchor ul,
  #transferArea #present,
  #transferArea .present,
  #transferArea #service,
  #transferArea .service,
  #transferArea .serviceBottom,
  #transferArea p.lead,
  #transferArea .lead_wrapper,
  #transferArea .digital_caption,
  #transferArea .lead_cinemaAllList,
  #transferArea .theater,
  #transferArea #top_area_navi,
  #transferArea .theater .bot .theater_pageTop {
    width: 460px;
  }

  #transferArea #top_area_navi ul li {
    width: 228px;
  }

  #transferArea #top_area_navi ul li:nth-child(even) {
    width: 229px;
  }

  #transferArea .theater .bot dl dd ul li span.ico_dbox {
    right: 48px;
  }

  #transferArea .theater .bot dl dd ul li span.ico_ultira {
    right: 85px;
  }

  #transferArea #top_area_navi ul li a {
    background: url(/common/images/contents_common_blt_dwn_mql.png) 92% center no-repeat;
    background-size: 17px 17px;
    -webkit-background-size: 17px 17px;
  }
}
/*# sourceMappingURL=../../../sourcemaps/service/dpoint/styles/theater_mql.css.map */