@charset "UTF-8";

@font-face {
  font-family: "Noto Sans JP";
  src: url("/common/fonts/NotoSansJP/NotoSansJP-Regular.otf") format("opentype"), url("/common/fonts/NotoSansJP/NotoSansJP-Medium.otf") format("opentype"), url("/common/fonts/NotoSansJP/NotoSansJP-Bold.otf") format("opentype");
}

* {
  font-family: "Noto Sans JP", sans-serif !important;
}

/* -----------------------------------------------
FileName:layout.css
----------------------------------------------- */
/*
-------------------------------------------------------------------------*/
a,
a:link,
a:visited {
}
a:hover,
a:active {
}
#NAVIGATION {
  height: 56px;
}

/* 画像装飾 */
.face {
  display: block;
  position: relative;
  top: auto;
  left: auto;
  padding: 0 !important;
  border: 0px solid transparent !important;
  overflow: hidden;
  zoom: 100%;
}
.face .makeup {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-color: transparent;
  zoom: 100%;
}
.face .makeup_w {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-color: transparent;
  zoom: 100%;
}
.face a,
.face a .makeup {
  cursor: pointer;
}
.face .txt_hide {
  display: none;
}
/* 流し込み無し */
.rect {
  overflow: hidden;
  zoom: 1;
}
.bg_black_b {
  padding-bottom: 20px;
  background: #222 url(/ods/images/bg_black_b.gif) no-repeat left bottom;
}
.list_socialBtn li {
  margin-left: 2px;
  display: inline-block;
  /display: inline;
  /zoom: 1;
}

.pc,
.pcOnly {
  display: block !important;
}

.sp,
.spOnly {
  display: none !important;
}

/********************************************************************
	#CONTENTS
 */

/* CONTENTS */
#CONTENTS {
  margin: 0 auto;
  padding-bottom: 0px;
  width: 950px;
  background-color: #fff;
  text-align: left;
  line-height: 120%;
}

/* etc */
#EVENT {
  margin: 40px 0 2px 15px;
}
#content_after_opening {
  display: none;
}
/* #pagetitle */
#pagetitle {
  height: 73px;
  overflow: hidden;
  background: #f89c3e url(/ods/images/bg_orange_grade.gif) repeat-x left bottom;
}
#pagetitle h1 {
  float: left;
  margin: 6px 0 0 9px;
  width: 520px;
  height: 54px;
}
#pagetitle h1 .makeup {
  background: url(/ods/images/pic_h1.gif);
}
#pagetitle .list_socialBtn {
  margin-top: 24px;
  float: right;
}

/********************************************************************
	#pic_content_opening
 */
#pic_content_opening {
  position: relative;
  left: 0;
  top: 0;
  z-index: 120;
  width: 950px;
  height: 529px;
}
#pic_content_opening #only_start.makeup {
  background: url(/ods/images/pic_content_opening.gif) no-repeat left top;
}

/********************************************************************
	#main
 */
#main {
  padding: 11px 18px 0 20px;
}
#main .left {
  float: left;
  width: 620px;
}
/* main画像 */
#bg_mian_m {
  width: 618px;
  background: url(/ods/images/bg_mian_m.gif) repeat-y left top;
}
#bg_mian_b {
  width: 618px;
  background: url(/ods/images/bg_mian_b.gif) no-repeat left bottom;
  padding-bottom: 8px;
}
#bg_mian_t {
  width: 618px;
  background: url(/ods/images/bg_mian_t.gif) no-repeat left top;
}
#pic_main {
  position: relative;
  left: 0;
  top: 0;
  min-height: 250px;
}
#pic_main a {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #000;
}
/* mainのサムネイル画像 */
#list_main_pic_thum {
  position: absolute;
  zoom: 1;
  left: 10px;
  top: 334px;
  width: 640px;
  text-align: center;
}
#list_main_pic_thum li {
  text-align: left;
  margin: 0 2px 0 0;
  padding: 0px 0 0 0;
  width: 198px;
  height: 73px;
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  background: url(/ods/images/parts_main_pic.gif) no-repeat -200px top;
}
#list_main_pic_thum li a {
  width: 190px;
  height: 73px;
}
#list_main_pic_thum li.active,
#list_main_pic_thum li.active a {
  cursor: default;
}
#list_main_pic_thum li.active a .makeup {
  background: url(/ods/images/parts_main_pic.gif) no-repeat left top;
}
#list_main_pic_thum li a img {
  position: relative;
  left: 0;
  top: 15px;
}
#main .right {
  float: right;
  width: 282px;
}
#btn_what_is_theatus a {
  width: 282px;
  height: 76px;
}
#btn_what_is_theatus a .makeup {
  background: url(/ods/images/btn_what_is_theatus.gif) left -80px;
}
#btn_what_is_theatus a:hover .makeup {
  background-position: left top;
}
#main .right .flashArea {
  margin-bottom: 25px;
}
#bnn_newTheatus_youtube {
  position: relative;
  z-index: 999;
}

/********************************************************************
	#lineups
 */
#lineups {
  /*	position:relative;left:0;top:-60px;z-index:130;*/
  margin: 0 auto;
  width: 870px;
}
#lineups #lineups_inner {
  padding-left: 20px;
}
#lineups .bg_black_b {
  padding: 20px 0 10px;
}
#lineups #tit_lineup {
  margin: 0 auto;
  width: 870px;
  height: 58px;
  font-size: 0;
}
#lineups #tit_lineup .makeup {
  background: url(/ods/images/tit_lineup.gif);
}
#lineups #list_lineup li {
  display: inline-block;
  margin: 0 10px 10px 0;
}
* html #lineups #list_lineup li {
  display: inline;
  zoom: 1;
}
*:first-child + html #lineups #list_lineup li {
  display: inline;
  zoom: 1;
}
#lineups .lineup {
  width: 410px;
  font-size: 90%;
}
/* 各種角丸画像 */
#lineups .bg_tl {
  background-position: left top;
  background-repeat: no-repeat;
}
#lineups .cate_concert .bg_tl {
  background-image: url(/ods/images/bg_tl_lineup_concert.gif);
}
#lineups .cate_sports .bg_tl {
  background-image: url(/ods/images/bg_tl_lineup_sports.gif);
}
#lineups .cate_drama .bg_tl {
  background-image: url(/ods/images/bg_tl_lineup_drama.gif);
}
#lineups .cate_engeki .bg_tl {
  background-image: url(/ods/images/bg_tl_lineup_engeki.gif);
}
#lineups .cate_anime .bg_tl {
  background-image: url(/ods/images/bg_tl_lineup_anime.gif);
}
#lineups .cate_musical .bg_tl {
  background-image: url(/ods/images/bg_tl_lineup_musical.gif);
}
#lineups .cate_game .bg_tl {
  background-image: url(/ods/images/bg_tl_lineup_game.gif);
}
#lineups .cate_doc .bg_tl {
  background-image: url(/ods/images/bg_tl_lineup_doc.gif);
}
#lineups .cate_other .bg_tl {
  background-image: url(/ods/images/bg_tl_lineup_other.gif);
}
#lineups .bg_bl {
  background-position: left bottom;
  background-repeat: no-repeat;
}
#lineups .cate_concert .bg_bl {
  background-image: url(/ods/images/bg_bl_lineup_concert.gif);
}
#lineups .cate_sports .bg_bl {
  background-image: url(/ods/images/bg_bl_lineup_sports.gif);
}
#lineups .cate_drama .bg_bl {
  background-image: url(/ods/images/bg_bl_lineup_drama.gif);
}
#lineups .cate_engeki .bg_bl {
  background-image: url(/ods/images/bg_bl_lineup_engeki.gif);
}
#lineups .cate_anime .bg_bl {
  background-image: url(/ods/images/bg_bl_lineup_anime.gif);
}
#lineups .cate_musical .bg_bl {
  background-image: url(/ods/images/bg_bl_lineup_musical.gif);
}
#lineups .cate_game .bg_bl {
  background-image: url(/ods/images/bg_bl_lineup_game.gif);
}
#lineups .cate_doc .bg_bl {
  background-image: url(/ods/images/bg_bl_lineup_doc.gif);
}
#lineups .cate_other .bg_bl {
  background-image: url(/ods/images/bg_bl_lineup_other.gif);
}
#lineups .bg_br {
  background-position: right bottom;
  background-repeat: no-repeat;
}
#lineups .cate_concert .bg_br {
  background-image: url(/ods/images/bg_br_lineup_concert.gif);
}
#lineups .cate_sports .bg_br {
  background-image: url(/ods/images/bg_br_lineup_sports.gif);
}
#lineups .cate_drama .bg_br {
  background-image: url(/ods/images/bg_br_lineup_drama.gif);
}
#lineups .cate_engeki .bg_br {
  background-image: url(/ods/images/bg_br_lineup_engeki.gif);
}
#lineups .cate_anime .bg_br {
  background-image: url(/ods/images/bg_br_lineup_anime.gif);
}
#lineups .cate_musical .bg_br {
  background-image: url(/ods/images/bg_br_lineup_musical.gif);
}
#lineups .cate_game .bg_br {
  background-image: url(/ods/images/bg_br_lineup_game.gif);
}
#lineups .cate_doc .bg_br {
  background-image: url(/ods/images/bg_br_lineup_doc.gif);
}
#lineups .cate_other .bg_br {
  background-image: url(/ods/images/bg_br_lineup_other.gif);
}
/* カテゴリicon */
#lineups .icn {
  background-position: right top;
  background-repeat: no-repeat;
}
#lineups .cate_concert .icn {
  background-image: url(/ods/images/icn_lineup_concert.gif);
}
#lineups .cate_sports .icn {
  background-image: url(/ods/images/icn_lineup_sports.gif);
}
#lineups .cate_drama .icn {
  background-image: url(/ods/images/icn_lineup_drama.gif);
}
#lineups .cate_engeki .icn {
  background-image: url(/ods/images/icn_lineup_engeki.gif);
}
#lineups .cate_anime .icn {
  background-image: url(/ods/images/icn_lineup_anime.gif);
}
#lineups .cate_musical .icn {
  background-image: url(/ods/images/icn_lineup_musical.gif);
}
#lineups .cate_game .icn {
  background-image: url(/ods/images/icn_lineup_game.gif);
}
#lineups .cate_doc .icn {
  background-image: url(/ods/images/icn_lineup_doc.gif);
}
#lineups .cate_other .icn {
  background-image: url(/ods/images/icn_lineup_other.gif);
}
/* 各カテゴリの罫線 */
#lineups .cate_border {
  margin: 0 20px 10px 20px;
  padding-top: 20px;
  min-height: 160px;
  height: auto !important;
  height: 160px;
}
#lineups .cate_concert .cate_border {
  border-bottom: 1px solid #e84a95;
}
#lineups .cate_sports .cate_border {
  border-bottom: 1px solid #009de1;
}
#lineups .cate_drama .cate_border {
  border-bottom: 1px solid #17af55;
}
#lineups .cate_anime .cate_border {
  border-bottom: 1px solid #fff100;
}
#lineups .cate_engeki .cate_border {
  border-bottom: 1px solid #7b6cd6;
}
#lineups .cate_musical .cate_border {
  border-bottom: 1px solid #a1c400;
}
#lineups .cate_game .cate_border {
  border-bottom: 1px solid #ff7800;
}
#lineups .cate_doc .cate_border {
  border-bottom: 1px solid #ff3c3c;
}
#lineups .cate_other .cate_border {
  border-bottom: 1px solid #0063dd;
}
/* 中身 */
#lineups .thum {
  float: left;
  width: 120px;
  margin-right: 15px;
}
#lineups .detail .status {
  margin-bottom: 5px;
  padding-top: 4px;
  font-weight: bold;
}
#lineups .detail .status.status1 {
  color: #ff6600;
}
#lineups .detail .status.status2 {
  color: #003dd7;
}
#lineups .detail .link {
  margin-bottom: 5px;
}
#lineups .detail .expla {
  margin-bottom: 5px;
}
#lineups .detail .link_check_jyouei_inner {
  margin-bottom: 5px;
}
#lineups .detail .link_check_jyouei_inner a {
  width: 121px;
  height: 13px;
}
#lineups .detail .link_check_jyouei_inner a .makeup {
  background: url(/ods/images/link_check_jyouei.gif) left -20px;
}
#lineups .detail .link_check_jyouei_inner a:hover .makeup {
  background: url(/ods/images/link_check_jyouei.gif) left top;
}
#lineups .copy {
  margin-top: 3px;
  color: #666666;
  font-size: 80%;
}
/* socialボタン */
#lineups #list_lineup .lineup .cate_socialBtn {
  padding-bottom: 8px;
}
#lineups #list_lineup .lineup .cate_socialBtn ul li {
  display: inline;
  margin-left: 60px;
}

/********************************************************************
	#theatus
 */
#about_theatus {
  margin: 0 auto 30px;
  width: 870px;
  background: #222;
}
#about_theatus #about_theatus_inner {
  position: relative;
  padding-left: 20px;
}
#tit_about_theatus {
  margin: 0 auto 20px;
  width: 870px;
  height: 58px;
}
#tit_about_theatus .makeup {
  background: url(/ods/images/tit_about_theatus.gif);
}
#bnn_newTheatus {
  margin-bottom: 28px;
  width: 830px;
  height: 217px;
}
#bnn_newTheatus .makeup {
  background: url(/ods/images/bnn_newTheatus.jpg);
}
#tit_more_enjoy {
  margin-bottom: 12px;
  width: 431px;
  height: 23px;
}
#tit_more_enjoy .makeup {
  background: url(/ods/images/tit_more_enjoy.gif);
}
#cont_more_enjoy {
  width: 830px;
  height: 461px;
}
#cont_more_enjoy .makeup {
  background: url(/ods/images/cont_more_enjoy.gif);
}

#btn_about-3d {
  position: absolute;
  left: 477px;
  top: 452px;
}
* html #btn_about-3d {
  position: absolute;
  left: 457px;
  top: 452px;
}
#btn_about-3d a {
  width: 334px;
  height: 48px;
}
#btn_about-3d a .makeup {
  background: url(/ods/images/btn_about-3d.gif) left top;
}
#btn_about-3d a:hover .makeup {
  background: url(/ods/images/btn_about-3d.gif) left bottom;
}
/*
#btn_ultira{position:absolute;left:650px;top:452px;}
* html #btn_ultira{position:absolute;left:630px;top:452px;}
#btn_ultira a{width:184px;height:48px;}
#btn_ultira a .makeup{background:url(/ods/images/btn_ultira.gif) left bottom;}
#btn_ultira a:hover .makeup{background:url(/ods/images/btn_ultira.gif) left top;}
*/

/********************************************************************
	#mob_touroku
 */
#mob_touroku {
  margin: 0 auto 30px;
  width: 870px;
  height: 52px;
  overflow: hidden;
  background: url(/ods/images/pic_mob_touroku.gif) no-repeat left top;
}
/* 見出し */
#mob_touroku #tit_mob_touroku {
  float: left;
  width: 671px;
  height: 52px;
}
#mob_touroku #tit_mob_touroku .makeup {
  background: url(/ods/images/pic_mob_touroku.gif) no-repeat left top;
}
/* 詳細はこちら */
#mob_touroku .btn_detail_here_navy {
  display: inline;
  float: right;
  margin: 10px 24px 0 0;
  width: 164px;
  height: 32px;
}
#mob_touroku .btn_detail_here_navy a {
  width: 164px;
  height: 32px;
}
#mob_touroku .btn_detail_here_navy a .makeup {
  background: url(/ods/images/btn_detail_here.gif) left bottom;
}
#mob_touroku .btn_detail_here_navy a:hover .makeup {
  background: url(/ods/images/btn_detail_here_navy.gif) left top;
}

/********************************************************************
	#haisinteian
 */
#haisinteian {
  margin: 0 auto 30px;
  padding: 10px;
  width: 850px;
  background: #fff5af;
}
#haisinteian dt {
  float: left;
  width: 80px;
}
#haisinteian dd {
  float: right;
  width: 755px;
}
#haisinteian #tit_haisinteian {
  margin-bottom: 15px;
  width: 754px;
  height: 18px;
}
#haisinteian #tit_haisinteian .makeup {
  background: url(/ods/images/tit_haisinteian.gif);
}

#haisinteian .cont_haisinteian .left {
  float: left;
  width: 574px;
}
#haisinteian .cont_haisinteian .right {
  float: right;
  width: 164px;
}
#haisinteian .btn_detail_here_lyellow a {
  width: 164px;
  height: 32px;
}
#haisinteian .btn_detail_here_lyellow a .makeup {
  background: url(/ods/images/btn_detail_here_lyellow.gif) left bottom;
}
#haisinteian .btn_detail_here_lyellow a:hover .makeup {
  background: url(/ods/images/btn_detail_here_lyellow.gif) left top;
}

/********************************************************************
	他社バナー
 */
#ft_bnn {
  display: inline;
  float: right;
  margin-right: 40px;
  width: 300px;
}
#ft_bnn .expla {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
#bnn_moe-moe-moe {
  margin-bottom: 30px;
}
#bnn_moe-moe-moe a {
  width: 300px;
  height: 75px;
}
#bnn_moe-moe-moe a .makeup {
  background: url(/ods/images/bnn_moe-moe-moe.jpg);
}

/********************************************************************
	.socialBtnWrapperBottom
 */
.socialBtnWrapperBottom {
  display: inline;
  float: left;
  width: 570px;
  margin: 40px 0 0 40px;
}

/********************************************************************
	template_superscription
 */
p.ToCateTop {
  margin: 0px 15px 10px 15px;
  padding: 10px 0px;
  background: url(../images/util_bg.gif) repeat-x 0px bottom;
}
#PAGE {
  width: 960px;
  background-position: 0 0;
  background-repeat: no-repeat;
  padding: 17px 0pt 10px;
}
#PAGE .back,
#PAGE .top {
  display: inline; /* IE6 */
}
.SECOND-CONTAINER {
  margin: 0 auto;
  width: 950px;
  background: url(/eseki/pc/common/images/bg_cont02.jpg) no-repeat center top;
}
#spHeader,
#spMain,
.spCenter,
#spFooter {
  display: none;
}
.group:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0.1em;
  line-height: 0;
}
.group {
  zoom: 1;
}
.mb0 {
  margin-bottom: 0 !important;
}

/********************************************************************
	theatus
 */

/*----------common----------*/

/* For modern browsers */
#theatus .cf:before,
#theatus .cf:after {
  content: "";
  display: table;
}

#theatus .cf:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
#theatus .cf {
  zoom: 1;
}

/*----------common----------*/

#CONTENTS {
  width: 100%;
  color: #333;
}

#theatus {
  width: 100%;
  background-color: #fff;
}

#theatus #sectionTop {
  width: 100%;
  position: relative;
  background-color: #000;
}

#theatus #sectionTop .top_area {
  width: 1200px;
  height: 240px;
  position: relative;
  overflow: hidden;
  background: url(../images/new/main_pc_v05.jpg) center center / contain no-repeat;
  background-color: #000;
  margin: 0 auto;
}

#theatus #sectionTop .title {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
}

#theatus .topMain {
  width: 100%;
  height: 100%;
}

#theatus #sectionTop h1 {
  width: 100%;
}

#theatus #sectionTop h2 {
  width: 60%;
}
#theatus #sectionTop h1 img {
  width: 455px;
  display: block;
  margin: 0 auto;
}
#theatus #sectionTop h2 p img {
  display: block;
  margin: 20px auto 0;
}
#theatus #sectionTop h2 p img:nth-of-type(1) {
  width: 309px;
  margin-top: 15px;
}
#theatus #sectionTop h2 p img:nth-of-type(2) {
  width: 423px;
}

#theatus #sectionMain .sectionlineup {
  width: 950px;
  margin: 50px auto;
}

#theatus #sectionMain .sectionlineup .lineup_wrapper {
  width: 100%;
  border-bottom: 1px solid #b2b2b2;
  padding-bottom: 20px;
  margin-bottom: 40px;
  position: relative;
}

#theatus #sectionMain .sectionlineup .lineup_wrapper:nth-last-of-type(1) {
  border-bottom: none;
}

#theatus #sectionMain .sectionlineup.fixed .lineup_wrapper:nth-of-type(1) {
  margin-top: 110px;
}

#theatus #sectionMain .sectionlineup .lineup_wrapper .ttl_lineup {
  width: 100%;
  font-size: 20px;
  line-height: normal;
  margin-bottom: 20px;
}

#theatus #sectionMain .sectionlineup .section-movie-lineup {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#theatus #sectionMain .sectionlineup .section-movie-lineup li {
  width: 49%;
  display: block;
  margin-bottom: 20px;
  transition: opacity 0.3s ease;
}
#theatus #sectionMain .sectionlineup .section-movie-lineup li:hover {
  opacity: 0.5;
}

#theatus #sectionMain .sectionlineup .lineupBlock {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
  text-decoration: none;
}

#theatus #sectionMain .sectionlineup .lineupBlock .thumb {
  width: 200px;
  overflow: hidden;
}

#theatus #sectionMain .sectionlineup .lineupBlock .thumb img {
  width: 100%;
  height: auto;
  display: block;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

#theatus #sectionMain .sectionlineup .lineupBlock .detail {
  width: calc(100% - 210px);
  position: relative;
  margin-left: 10px;
}

#theatus #sectionMain .sectionlineup .lineupBlock .detail dt {
  color: #fa8334;
  font-weight: bold;
  margin-bottom: 5px;
  padding-top: 4px;
  font-size: 12px;
  vertical-align: middle;
}

#theatus #sectionMain .sectionlineup .lineupBlock .detail dt .icon {
  display: inline-block;
  color: #fff;
  font-size: 11px;
  background-color: #5d5d5d;
  padding: 2px 10px;
  border-radius: 5px;
  margin-right: 10px;
}

#theatus #sectionMain .sectionlineup .lineupBlock .detail dd {
  color: #333;
  font-size: 16px;
  text-decoration: none;
  line-height: normal;
}

#theatus #sectionMain .sectionlineup .lineupBlock .lineupcopy {
  width: 100%;
  color: #333;
  font-size: 12px;
  line-height: 1.2em;
  margin-top: 20px;
}
#theatus #sectionMain .sectionlineup .lineupBlock .lineupcopy:empty {
  margin-top: 0;
}

#theatus .anchor_area {
  width: 100%;
  padding: 20px 0;
  background-color: #f1f1f1;
}

#theatus .anchor_area.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

#theatus .anchor_area .lineupList {
  width: 100%;
  max-width: 950px;
  display: flex;
  justify-content: flex-start;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin: 0 auto;
}
#theatus .anchor_area .lineupList::-webkit-scrollbar {
  display: none;
}

#theatus .anchor_area .lineupList li {
  width: 160px;
  display: block;
}

#theatus .anchor_area .lineupList li a {
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: relative;
  z-index: 100;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  background-color: #fff;
  transition: all 0.2s;
  text-decoration: none;
  border: 1px solid #000;
  border-radius: 10px;
  margin: 0 5px;
  padding: 20px 0;
}

#theatus .anchor_area .lineupList li a:hover {
  background-color: #000;
}
#theatus .anchor_area .lineupList li a:hover span {
  color: #fff;
}
#theatus .anchor_area .lineupList li a:hover::after {
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
}

#theatus .anchor_area .lineupList li a span {
  width: 100%;
  display: inline-block;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

#theatus .anchor_area .lineupList li a::after {
  content: "";
  position: absolute;
  right: 10px;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  display: inline-block;
  border-left: 2px solid #fa8334;
  border-top: 2px solid #fa8334;
  transform: translateY(-50%) rotate(225deg);
  transition: all 0.2s;
}

#theatus .anchor_area .lineupList li a.active {
  background-color: #000;
}

#theatus .anchor_area .lineupList li a.active span {
  color: #fff;
}

#theatus .anchor_area .lineupList li a.active::after {
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
}

/* pick-up */
.pick-up {
  width: 100%;
  height: auto;
  background: url(/ods/images/pickup/pc_pickup_bg.jpg);
  box-sizing: border-box;
  padding: 30px 0;
}

.pick-up .pick-up_headline {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.pick-up .pick-up_headline img {
  width: 246px;
  display: block;
}
.pick-up_list {
  width: 950px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.pick-up_list_items {
  width: 49%;
  display: block;
  margin-right: 2%;
}
.pick-up_list_items:nth-last-of-type(1) {
  margin-right: 0;
}
a.pick-up_2column {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.pick-up_2column-img {
  width: 250px;
  overflow: hidden;
}
.pick-up_2column-img img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border: 1px solid transparent;
  box-sizing: border-box;
}

a.pick-up_2column:hover {
  opacity: 0.5;
}

.pick-up_2column-txt {
  width: calc(100% - 270px);
  margin-left: 20px;
}
.pick-up_2column-txt .icon {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 3px;
  color: #333;
  font-size: 12px;
  background-color: #fff;
}
.pick-up .pick-up_2column-txt .date {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  line-height: 1.357;
  text-align: left;
  margin-top: 12px;
}
.pick-up .pick-up_2column-txt .title {
  font-size: 16px;
  font-weight: 600;
  color: #a1a1a1;
  text-decoration: none;
  line-height: 1.5;
  text-align: left;
  margin-top: 10px;
}
.pick-up .pick-up_2column .pick-up-copyright {
  color: #a1a1a1;
  font-size: 12px;
  text-decoration: none;
  margin-top: 20px;
}

/* banner_area */
.banner_area {
  display: block;
  max-width: 950px;
  border-top: 1px solid #b2b2b2;
  padding: 0 20px;
  margin: 0 auto;
}
.banner_area .banner_link {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 50px auto 80px;
}
.banner_area a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  max-width: 460px;
  width: 100%;
  border: 1px solid #1c1c1c;
  border-radius: 4px;
  transition: all 0.2s;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  padding: 20px 16px;
  color: #1c1c1c;
}
.banner_area a[target="_blank"] {
  position: relative;
  padding: 20px 30px 20px 16px;
}
.banner_area a[target="_blank"]::after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  background-image: url(/ods/images/icon_external-link.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.banner_area a:hover {
  background-color: #1c1c1c;
  color: #ffffff;
}
.banner_area a[target="_blank"]:hover::after {
  background-image: url(/ods/images/icon_external-link__white.svg);
}
.banner_area a:visited {
  color: #1c1c1c;
}
.banner_area a:visited:hover {
  color: #ffffff;
}
.banner_area a span {
  display: inline-block;
}
.banner_area a .banner_link--sub {
  position: relative;
  font-size: 12px;
  letter-spacing: 0.6px;
  padding: 0 15px;
}
.banner_area a .banner_link--sub::before,
.banner_area a .banner_link--sub::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 1.5px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(/ods/images/icon_line.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transition: all 0.2s;
}
.banner_area a:hover .banner_link--sub::before,
.banner_area a:hover .banner_link--sub::after {
  background-image: url(/ods/images/icon_line__white.svg);
}
.banner_area a .banner_link--sub::before {
  left: 0;
}
.banner_area a .banner_link--sub::after {
  right: 0;
}