@charset "utf-8";

/* =============================================================

　 個別設定

============================================================= */


/*  全体・コンテナー 設定
---------------------------------------------*/


/*  ヘッダー 設定
---------------------------------------------*/


/*  コンテンツ 設定
---------------------------------------------*/


/*  公演詳細
-------------------------- */

.boxProgramDetail {
  font-size: .85em\9; /* IE9以下用 */
}

/* ------ 公演終了 ------ */
.fin-concert { color:#cc0000; font-weight: bold;}

/* ------ Program Intro ------ */

.boxProgramDetail .boxProgramIntro {
  position: relative;
  min-height: 360px;
  margin-bottom: 40px;
  padding-left: 342px;
}

/* ---- 公演タイトル ---- */

.boxProgramDetail .boxProgramTitle {
  margin-bottom: 30px;
}

/* -- カテゴリ -- */

.boxProgramDetail .boxProgramTitle .txtCateTag {
  min-width: 100px;
  margin-bottom: 5px;
}

/* -- タイトル -- */

.boxProgramDetail .boxProgramTitle h1 {
  font-size: 1.3em;
  font-weight: bold;
}

/* ---- 公演内容 ---- */

.boxProgramDetail .boxIntroCont {
  font-weight: bold;
}
.boxProgramDetail .boxIntroCont .txtDate.indent {/* 同日に開演時間が複数ある時用 */
  display:flex;
}

/* -- 日付＆キャッチコピー -- */

.boxProgramDetail .txtDate,
.boxProgramDetail .txtCatchCopy {
  margin-bottom: 20px;
  line-height: 1.5em;
}

/* -- 日付 -- */

.boxProgramDetail .txtDate {
  font-size: 1.15em;
}

/* -- キャッチコピー -- */

.boxProgramDetail .txtCatchCopy {
  font-size: 1.12em;
  color: #186803;
}

/* -- 紹介文 -- */

.boxProgramDetail .txtIntro {
  margin-bottom: 40px;
  line-height: 1.65em;
}

/* ---- 公演イメージ ---- */

.boxProgramDetail .boxProgramImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
}

/* -- 画像 -- */

.boxProgramDetail .boxProgramImg .imgMainPhoto {
  margin-bottom: 10px;
}

.boxProgramDetail .boxProgramImg .imgMainPhoto img {
  width: 100%;
}

/* ------ Main ------ */

.boxProgramDetail .boxMain {
  float: left;
  width: 618px;
}

/* ---- 画像一覧 ---- */

.boxProgramDetail .boxImgList ul {
  letter-spacing: -.40em;
}

.boxProgramDetail .boxImgList li {
  display: inline-block;
  *display: inline; /* IE7用 */
  *zoom: 1; /* IE7用 */
  padding-bottom: 15px;
  letter-spacing: normal;
  vertical-align: top;
}

.boxProgramDetail .borderLine { /* 監督など出演者以外と区切る場合 */
	border-top:1px solid #333;
  margin-top: 20px;
	padding-bottom: 20px;
}

/* -- 画像パターンB -- */

.boxProgramDetail .boxImgPtnB ul,
.boxProgramDetail ul.boxImgPtnB {
  margin-left: -20px;
}

.boxProgramDetail .boxImgPtnB li {
  padding-left: 20px;
}

.boxProgramDetail .boxImgPtnB img {
  width: 140px;
  height: 140px;
}

/* -- 画像パターンA -- */

.boxProgramDetail .boxImgPtnA img {
  width: 300px;
}

/* -- 画像パターンC -- */

.boxProgramDetail .boxImgPtnC ul,
.boxProgramDetail ul.boxImgPtnC {
  margin-left: -8px;
}

.boxProgramDetail .boxImgPtnC li {
  padding-left: 8px;
}

.boxProgramDetail .boxImgPtnC img {
  width: 200px;
  height: 200px;
}

/* -- 画像キャプション -- */

.boxProgramDetail .boxImgList .txtCaption {
  display: block;
  padding: 5px 0 0;
  font-size: .82em;
  letter-spacing: -.05em;
  line-height: 1.6em;
}

/* ---- 概要 ---- */

.boxProgramDetail .boxSummary {
  padding: 0 0 20px;
}

.boxProgramDetail .boxImgList + .boxSummary {
  padding-top: 20px;
}

.boxProgramDetail .boxSummary ul {
}

.boxProgramDetail .boxSummary li {
  overflow: hidden;
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid #ccc;
}

.boxProgramDetail .boxSummary li:first-child {
  border-top: none;
}

.boxProgramDetail .boxSummary dt {
  float: left;
  width: 108px;
  padding-right: 28px;
  font-weight: bold;
  letter-spacing: -.05em;
}

.boxProgramDetail .boxSummary dt .txtTwo {
  letter-spacing: 1.5em;
}

.boxProgramDetail .boxSummary dd {
  padding-left: 108px;
  line-height: 1.8em;
}

.boxProgramDetail .boxSummary dl.setlist dt {width:180px; font-weight: normal;}
.boxProgramDetail .boxSummary dl.setlist dd {padding-left:180px; width:510px; }
/* ---- テキストフレーム ---- */

.boxProgramDetail .boxTxtFrame {
  border: 1px solid #dcdcdc;
  padding: 20px 20px 30px;
}

.boxProgramDetail .boxTxtFrame h3 {
  margin-bottom: 45px;
  padding-bottom: 5px;
  border-bottom: 2px solid #333;
  font-size: 1.15em;
  font-weight: bold;
}

/* -- Profile -- */

.boxProgramDetail .boxProfile {
  margin-top: 45px;
}

.boxProgramDetail .boxProfile dt {
  margin-bottom: 2px;
  font-weight: bold;
}

.boxProgramDetail .boxProfile dd {
  font-size: 1.02em;
}

.boxProgramDetail .boxProfile dd.column {
  font-size: 0.9em;
	background-color:#f8f8f8;
	padding:1em;
	border:1px solid #eee;
}

/* -- Profile内　受賞履歴などのテーブル -- */
.boxProgramDetail .boxProfile table{
  margin: 1em 0;
}
.boxProgramDetail .boxProfile table th{
  padding: 0.1em 0;
}
.boxProgramDetail .boxProfile table td{
  padding: 0.1em 0;
}
.boxProgramDetail .boxProfile table td:first-child{
  white-space: nowrap;
	padding-right: 1em;
	vertical-align: top;
}

/* ------ Side ------ */

.boxProgramDetail .boxSide {
  float: right;
  width: 300px;
}

/* Youtube動画 */
.boxMovie iframe{
	width:100%;
	height:auto;
	aspect-ratio:16/9;
}


/*  フッター 設定
---------------------------------------------*/