@charset "utf-8";

/* dmmTheater */

a:link {
  color: #2540b2;
}

a:visited {
  color: #2571b2;
}

a:hover {
  color: #2571b2;
}

a:active {
  color: #2571b2;
}

#wrapper_dmmTheater {
  padding: 0;
  width: 970px;
  margin: 0 auto;
  background: url(../images/event/dmm_theater/bg.jpg) repeat-y center top fixed,url(../images/common/bg_wrapper.png) repeat-y center top;
  color: #0e0e0e;
  font-size: 16px;
  font-family: YuGothic, 'Yu Gothic', 'Yu Gothic UI', 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ StdN', 'Hiragino Kaku Gothic StdN', 'Arial', sans-serif;
  font-weight: 500;
  line-height: 1.5;
}

#header_dmmTheater {
  background: rgba(0, 0, 0, 0.8);
  padding: 10px 0 0 0;
  width: 960px;
  margin: 0 auto 30px auto;
  text-align: center;
}

#header_dmmTheater h2 {
  position: relative;
  background: url(../images/event/dmm_theater/mv.jpg) no-repeat top center;
  height: 480px;
}

#header_dmmTheater h2 img {
  position: absolute;
  left: 50%;
  bottom: 7px;
  margin-left: -284px;
}

#header_dmmTheater .logoDmm {
  padding: 15px 0;
  font-size: 10px;
  text-align: center;
  color: #FFF;
}

#header_dmmTheater .logoDmm h3 {
  display: inline-block;
}

#header_dmmTheater .logoDmm h3:hover {
  opacity: 0.5;
}

#header_dmmTheater .logoDmm p {
  display: inline-block;
  margin-left: 15px;
  line-height: 1em;
  vertical-align:bottom;
}


#header_dmmTheater .logoAsobi {
  padding: 14px 0 7px;
  font-size: 10px;
  text-align: center;
  color: #fff;
  background: url(../images/event/dmm_theater/bg_asobistore.png) no-repeat top center;
}

#header_dmmTheater .logoAsobi h3 {
  display: inline-block;
}

#header_dmmTheater .logoAsobi h3:hover {
  opacity: 0.5;
}

#header_dmmTheater .logoAsobi p {
  display: inline-block;
  margin-right: 15px;
  position: relative;
  top: 10px;
  vertical-align: top;
}



/*メニュー*/

#menu_dmmTheater {
  width: 960px;
  margin: 0 auto 15px auto;
  color: #FFF;
  text-align: center;
}

#menu_dmmTheater a,
#menu_dmmTheater a:visited,
#menu_dmmTheater a:hover,
#menu_dmmTheater a:active {
  color: #FFF;
  text-decoration: none;
}

#menu_dmmTheater li {
  display: inline-block;
  background: url(../images/event/dmm_theater/bg_btn.png) no-repeat top left;
  width: 210px;
  height: 50px;
  margin-right: 15px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 50px;
}

#menu_dmmTheater li:nth-last-child(-n+2) {
  margin-bottom: 0;
}

#menu_dmmTheater li:hover {
  opacity: 0.5;
}

#menu_dmmTheater li a {
  display: block;
}

#menu_dmmTheater li a span {
  display: inline-block;
}

#menu_dmmTheater li a span:before {
  content: "";
  display: inline-block;
  background: url(../images/event/dmm_theater/ico_arrow.png) no-repeat top left;
  height: 12px;
  width: 18px;
  margin-right: 10px;
}


/*各コンテンツ共通設定*/

.contents {
  width: 960px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.contents:before {
  content: "";
  display: block;
  background: url(../images/event/dmm_theater/bg_contents_top.png) no-repeat bottom left;
  height: 40px;
  width: 960px;
}

.contents:after {
  content: "";
  display: block;
  background: url(../images/event/dmm_theater/bg_contents_bottom.png) no-repeat top left;
  height: 20px;
  width: 960px;
}

.contents .txtArea {
  background: url(../images/event/dmm_theater/bg_contents_repeat.png) repeat-y top center;
  box-sizing: border-box;
  width: 960px;
  margin: 0 auto;
  padding: 30px 36px;
  word-wrap: break-word;
}

.contents .txtArea>div {
  margin-bottom: 20px;
}

.contents .txtArea>div:last-child {
  margin-bottom: 0;
}

.contents .txtArea>div h4 {
  margin-bottom: 20px;
}

.contents .txtArea>div p,
.contents .txtArea>div ol,
.contents .txtArea>div ul {
  margin-bottom: 20px;
}

.contents .txtArea>div p:last-child,
.contents .txtArea>div ol:last-child,
.contents .txtArea>div ul:last-child {
  margin-bottom: 0;
}

.contents .txtArea>div ul.caution li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 16px;
}

.contents .txtArea>div ul.caution li:before {
  content: "※";
}

.contents .txtArea>div ul.list li {
  line-height: 2.5;
}

.contents .txtArea span {
  font-weight: bold;
}

.contents .txtArea span.red {
  color: #be0d0d;
}


/*公演紹介*/

#introduction:before {
  content: "";
  display: block;
  background: url(../images/event/dmm_theater/bg_introduction_top.png) no-repeat bottom left;
  height: 40px;
  width: 960px;
}

/*ムービー*/
#movie .txtArea {
  padding-top: 15px;
}

#movie .movieCol {
  margin: 0 auto;
  text-align: center;
}
#movie .movieCol iframe {
  margin: 0 auto;
  vertical-align: bottom;
}

/*チケット情報*/

#ticket .caution_disc ul li {
  text-indent: -1em;
  padding-left: 1em;
}

#ticket .caution_disc ul li:before {
  content: "・";
}

#ticket .finish {
  background-color: #be0d0d;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  width: auto;
  height: auto;
  margin: 20px auto;
  padding: 5px 0;
  text-align: center;
  border: 2px solid #e3be1f;
}

#ticket .txtArea h5.day {
  font-weight:bold;
  color: #107910;
  border-bottom:1px dotted #107910;
  margin: 10px 0 5px;
  padding-bottom: 5px;
}
#ticket .txtArea h5+p{
  margin: 20px 0 30px;
}

/*グッズ*/

#goods .goodsList {
  width: 850px;
  margin: 10px auto 20px;
  table-layout: fixed;
  border-top: 1px solid #a67e0f;
  border-right: 2px solid #a67e0f;
  border-left: 2px solid #a67e0f;
  border-bottom: 2px solid #a67e0f;
}

#goods .goodsList th,
#goods .goodsList td {
  border-right: 1px solid #a67e0f;
  border-bottom: none;
  padding: 10px;
  color: #000;
  font-size: 14px;
  word-wrap: break-word;
}

#goods .goodsList th {
  border: 1px solid #a67e0f;
  border-top: none;
}

#goods .goodsList td {
  font-size: 14px;
}

#goods .goodsList th.goodsName {
  width: 650px;
}

#goods .goodsList th.goodsPrice {
  width: 80px;
  font-size: 13px;
}

#goods .goodsList th.goodsTit,
#goods .goodsList th.goodsName,
#goods .goodsList th.goodsPrice {
  color: #fff;
  background: #bd9015;
  font-weight: bold;
}

#goods .goodsList tr:nth-child(odd) {
  background: #f8f1e0;
}

#goods .bnr_goods {
  text-align: center;
}
#goods .bnr_goods a:hover {
  opacity: 0.5;
}

#goods .btn_store {
  text-align: center;
  margin-bottom: 30px;
}

.btn_store a:hover {
  opacity: 0.5;
}
.fancybox-close{
  background: url(../images/event/dmm_theater/btn_close.png) !important;
}
.fancybox-prev span{
  background: url(../images/event/dmm_theater/btn_prev.png) !important;
  width: 36px;
  height: 36px !important;
  margin-left: -18px;
}
.fancybox-next span{
  background: url(../images/event/dmm_theater/btn_next.png) !important;
  width: 36px;
  height: 36px !important;
   margin-right: -18px;
}

#goods .caution ul li {
  text-indent: -1em;
  padding-left: 1em;
}

#goods .caution ul li:before {
  content: "※";
}

/*会場注意事項*/

#attention .txtArea h5 {
  font-weight:bold;
  color: #be0d0d;
  border-bottom:1px dotted #be0d0d;
  margin: 15px 0;
  padding-bottom: 5px;
}
#attention .txtArea h6 {
  font-weight:bold;
  color: #8c3414;
  margin: 15px 0 0;
  padding-bottom: 5px;
  font-size: 14px;
}

#attention .txtArea p{
  margin: 20px 0 30px;
}
#attention .txtArea .red{
  font-weight:bold;
  color: #be0d0d;
  background: #f1ff8a;
  padding: 10px;
}
#attention .txt_attention{
  font-size: 14px;
}
#attention .dList{
  font-size: 13px;
  padding: 15px 35px 15px;
  background: #fffce0;
  color: #1d1d1d;
  border: 1px solid #eab39f;
  border-radius: 8px;
  margin-bottom: 30px;
}
#attention .dList li{
  list-style-position:outside;
  list-style-type: disc;
  padding-bottom: 5px;
  line-height: 1.6em;
}

/*コラボメニュー*/

#collaboMenu .txtArea {
  text-align: center;
  padding: 30px 0;
}