@charset "utf-8";

@media screen and (max-width: 740px) {

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

　　スマホ画面 個別設定

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


/*  全体・コンテナー 設定
---------------------------------------------*/
.boxColmun .colL,
.boxColmun .colR {
	float:none;
}

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


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


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

.boxProgramDetail {
}

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

.boxProgramDetail .boxProgramIntro {
  position: inherit;
  min-height: 0 !important;
  margin-bottom: 20px;
  padding-left: 0;
}

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

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

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

.boxProgramDetail .boxProgramTitle .txtCateTag {
  margin-bottom: 10px;
}

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

.boxProgramDetail .boxIntroCont {
}

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

.boxProgramDetail .txtDate,
.boxProgramDetail .txtCatchCopy {
  margin-bottom: 15px;
}
	
/* -- 日付横　注意書き -- */
.boxProgramDetail .txtNotice {
  margin-bottom:15px;
}

/* -- 紹介文 -- */

.boxProgramDetail .txtIntro {
  margin-bottom: 25px;
}

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

.boxProgramDetail .boxProgramImg {
  position: inherit;
  top: auto;
  left: auto;
  width: 100%;
  margin-bottom: 30px;
}

/* -- 画像 -- */

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

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

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

.boxProgramDetail .boxMain {
  float: none;
  width: auto;
}

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

.boxProgramDetail .boxImgList ul {
}

.boxProgramDetail .boxImgList li {
}

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

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

.boxProgramDetail .boxImgPtnA li {
  width: 50%;
}

.boxProgramDetail .boxImgPtnA img {
  width: 100%;
  height: 100%;
}

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

.boxProgramDetail .boxImgPtnB li {
  width: 100%;
}

.boxProgramDetail .boxImgPtnB img {
  width: 100%;
}

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

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

.boxProgramDetail .boxImgPtnC li {
  width: 33%;
}

.boxProgramDetail .boxImgPtnC img {
  width: 100%;
  height: 100%;
}

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

.boxProgramDetail .boxImgList .txtCaption {
  font-size: .8em;
  letter-spacing: 0;
}

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

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

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

.boxProgramDetail .boxSummary ul {
}

.boxProgramDetail .boxSummary li {
  padding-top: 14px;
  padding-bottom: 14px;
}

.boxProgramDetail .boxSummary dt {
  display: block;
  float: none;
  width: auto;
  margin-bottom: 1px;
  padding-right: 0;
  font-weight: bold;
  letter-spacing: 0;
}

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

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

/* ---- テキストフレーム ---- */

.boxProgramDetail .boxTxtFrame {
  margin-bottom: 30px;
  padding: 15px 15px 20px;
}

.boxProgramDetail .boxTxtFrame h3 {
  margin-bottom: 25px;
  padding-bottom: 10px;
}

/* -- Profile -- */

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

.boxProgramDetail .boxProfile dd {
  font-size: .92em;
  line-height: 1.8em;
}

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

.boxProgramDetail .boxSide {
  float: none;
  width: auto;
}





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


}