@charset "utf-8";

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

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

　　スマホ画面 個別設定（コンサート詳細）640px以下

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


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

/* -------- レイアウト -------- */

.boxProgramDetail {
  padding: 0 10px;
}

.boxProgramDetail .boxCont,
.boxProgramDetail .boxArtist,
.boxProgramDetail .boxLink,
.boxProgramDetail .boxVideo {
  float: none;
  width: auto;
}

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

/* ---- カテゴリータイトル ---- */

.boxProgramDetail .ttlCategory {
  margin-bottom: 10px;
  font-size: 0.95em;
}

/* ---- プログラムタイトル ---- */

.boxProgramDetail .ttlProgram {
  margin-bottom: 10px;
  font-size: 1.3em;
}

.boxProgramDetail .ttlProgram span {
  display: block;
}

/* -------- コンサート内容 -------- */

.boxProgramDetail .boxCont .txtCont {
  margin-bottom: 10px;
  line-height: 1.6em;
}

/* ---- サブリスト ---- */

.boxProgramDetail .boxTable .boxSubList {
  line-height: 1.8em;
}

.boxProgramDetail .boxTable .boxSubList > dt {
  float: none;
  width: auto;
}

.boxProgramDetail .boxTable .boxSubList > dd {
  margin-left: 0;
}

/* ---- チケット購入について ---- */

.boxProgramDetail .btnAboutTicket {
  margin-bottom: 15px;
  padding-top: 15px;
  text-align: center;
}

.boxProgramDetail .btnAboutTicket a {
  margin: 0 auto;
}

/* -------- アーティスト一覧 -------- */

.boxProgramDetail .boxArtist {
  margin-bottom: 40px;
  padding-top: 10px;
  text-align: center;

}

.boxProgramDetail .boxArtist ul > li,
.boxProgramDetail .boxArtist ul > li.w-80,
.boxProgramDetail .boxArtist ul > li.w-60
    {
  width: 300px;
  margin: 0 auto 15px;
  text-align: left;
}

/* 2列形式 */
.boxProgramDetail .boxArtist ul.column2 {
	margin-left:-20px;
}
.boxProgramDetail .boxArtist ul.column2 > li {
	width:50%;
	margin-left:0;
	padding-left:20px;
}
.boxProgramDetail .boxArtist ul.column2 > li.wide{
	width:100%;
}
.boxProgramDetail .boxArtist ul.column2 > li.wide img{
	width:100%;
}
.boxProgramDetail .boxArtist ul.column2 > li img{
	width:100%;
}
.boxProgramDetail .boxArtist ul.column2 > li span{
	display:block;
	padding:5px 0 10px 0;
	line-height:1.4em;
}
.boxProgramDetail .boxArtist .columnGroup{
	margin:0 0 0.5em 0;
  font-size: 0.9em;
	text-align:left;
}
.boxProgramDetail .boxArtist .columnGroup::before{
	content:"【";
}
.boxProgramDetail .boxArtist .columnGroup::after{
	content:"】";
}

/* -------- リンク一覧 -------- */

.boxProgramDetail .boxLink .boxTable th {
  padding-top: 10px;
}

/* -------- 動画 -------- */

.boxProgramDetail .boxVideo {
  margin-bottom: 50px;
  padding-top: 10px;
  text-align: center;
}

.boxProgramDetail .boxVideo iframe {
  width: 320px;
  max-width: 100%;
  height: 220px;
  margin: 0 auto;
}


/* -------- フレーム -------- */
.framebox { clear:both;}
.framebox .imgR { float:none; margin:0; padding-bottom:20px; display:block; }
.framebox img { width:100%; }

/* -------- メインエリア内の写真 -------- */
ul.picbox { margin: -25px auto 20px; width:218px; }
ul.picbox li { float:none; width:218px; margin-right:0; margin-bottom:15px; font-size:0.9em; }

/* -------- インタビュー内の写真 -------- */

.interviewinner .boxintArtist {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.interviewinner div.intimg {
	display: block;
	float:none;
	text-align:center;
}

/* -------- インデント 公演詳細 -------- */
.ti4_6 { margin-left:-4.6em; }
.ti8 { margin-left:-8em; }