@charset "utf-8";

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

　　個別設定（コンサート詳細）

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


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

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

.boxProgramDetail .boxCont,
.boxProgramDetail .boxLink,
.boxProgramDetail .boxVideo {
  float: left;
	width:760px;
}

.boxProgramDetail .boxArtist {
  float: right;
  width: 340px;
}
.boxProgramDetail .boxArtist img{
  width: 100%;
}

/* -------- テーブル内共通設定 -------- */

/* -- リンク -- */

.boxProgramDetail .boxTable a {
  color: #333e96;
  text-decoration: underline;
}

.boxProgramDetail .boxTable a:hover {
  text-decoration: none;
}

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

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

.boxProgramDetail .ttlCategory {
  display: inline-block;
  margin-bottom: 15px;
  padding: 2px 8px;
  background: #ccc;
  color: #fff;
  font-weight: bold;
}

/* ---- カラー設定 ---- */

/* -- レッド -- */
.boxProgramDetail .ttlCategory.ttlClrRed {
  background: #dea49b;
}

/* -- グリーン -- */
.boxProgramDetail .ttlCategory.ttlClrGreen {
  background: #b6c294;
}

/* -- ブルー -- */
.boxProgramDetail .ttlCategory.ttlClrBlue {
  background: #95c6c6;
}

/* -- イエロー -- */
.boxProgramDetail .ttlCategory.ttlClrYellow {
  background: #f2cf5b;
}

/* -- パープル -- */
.boxProgramDetail .ttlCategory.ttlClrPurple {
  background: #92a2c0;
}

/* -- オレンジ -- */
.boxProgramDetail .ttlCategory.ttlClrOrange {
  background: #f3c264;
}

/* -- エメラルドグリーン -- */
.boxProgramDetail .ttlCategory.ttlClrEgreen {
  background-color: #6fa56c;
}

/* -- スプルースグリーン　洗足学園 -- */
.boxProgramDetail .ttlCategory.ttlClrSpruce {
  background-color: #23553d;
}

/* -- ダークグレー　スーパーノバ -- */
.boxProgramDetail .ttlCategory.ttlClrDarkgray {
  background-color: #3A3A3A;
}

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

.boxProgramDetail .ttlProgram {
  margin-bottom: 35px;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.4em;
}

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

.boxProgramDetail .boxCont .txtCont {
  margin-bottom: 20px;
  font-size: 1.1em;
  line-height: 1.7em;
}

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

.boxProgramDetail .boxTable .boxSubList {
  padding-top: 5px;
  line-height: 1.5em;
}

.boxProgramDetail .boxTable .boxSubList > dt {
  float: left;
  width: 125px;
}

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

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

.boxProgramDetail .btnAboutTicket {
  margin-bottom: 5px;
  padding-top: 12px;
}

.boxProgramDetail .btnAboutTicket a {
  display: inline-block;
  transition: all 0.4s ease;
  padding: 8px 34px;
  /*background: #333e96;*/
  background: #3637b5;
  color: #fff;
  font-size: 0.95em;
  text-decoration: none;
}

.boxProgramDetail .btnAboutTicket a:hover {
  opacity: 0.7;
}

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

.boxProgramDetail .boxArtist ul > li {
  margin-bottom: 15px;
  font-size: 0.9em;
}

.boxProgramDetail .boxArtist ul > li.w-80 { width:80%;}
.boxProgramDetail .boxArtist ul > li.w-60 { width:60%;}

.boxProgramDetail .boxArtist ul > li .boxArtistimg {
  display:inline-block;
  position:relative;
}

.boxProgramDetail .boxArtist ul > li .boxArtistimg .credit {
  position:absolute;
  right:5px;
  bottom:5px;
  font-size:70%;
  line-height:1em;
}

.boxProgramDetail .boxArtist ul > li .boxArtistimg .credit.shadow {
  text-shadow:1px 1px 0px #FFF;
}

.boxProgramDetail .boxArtist ul > li .boxArtistimg .credit.creWhite {
  color:#FFF;
}

.boxProgramDetail .boxArtist ul > li .boxArtistimg .credit.creWhite.shadow {
  text-shadow:1px 1px 4px #000;
}

/* 2列形式 */
.boxProgramDetail .boxArtist ul.column2 {
	text-align:left;
	letter-spacing:-1em;
	margin-bottom:40px;
}
.boxProgramDetail .boxArtist ul.column2 > li {
	display:inline-block;
	margin-left:20px;
	letter-spacing:normal;
}
.boxProgramDetail .boxArtist ul.column2 > li.wide img{
	width:300px;
}
.boxProgramDetail .boxArtist ul.column2 > li img{
	width:100px;
}
.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 1em;
  font-size: 0.9em;
}
.boxProgramDetail .boxArtist .columnGroup::before{
	content:"【";
}
.boxProgramDetail .boxArtist .columnGroup::after{
	content:"】";
}

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

.boxProgramDetail .boxLink .boxTable tr:first-child {
  border-top: 1px solid #ccc;
}

.boxProgramDetail .boxLink .boxTable th,
.boxProgramDetail .boxLink .boxTable td {
  display: block;
  float: left;
  width: 100%;
  clear: both;
}

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

.boxProgramDetail .boxLink .boxTable td {
  padding-top: 0;
}

.boxProgramDetail .boxLink .boxTable ul > li {
  margin-bottom: 10px;
}

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

.boxProgramDetail .boxVideo {
  margin-bottom: 10px;
  padding-top: 10px;
}

/* -------- プロフィール -------- */
ul.profilebox { margin-bottom:20px; }
ul.profilebox > li { border: solid 1px #cccccc; padding:14px; margin-bottom:20px; }
ul.profilebox > li:last-child { margin-bottom:0; }
ul.profilebox > li a {
  color: #333e96;
  text-decoration: underline;
}

/* -------- フレーム -------- */
.framebox { border: solid 1px #cccccc; padding:14px; margin-bottom:20px; }
.framebox a {
  color: #333e96;
  text-decoration: underline;
}

.framebox a:hover {
  text-decoration: none;
}

/* -------- メインエリア内の写真 -------- */
ul.picbox { list-style-type:none; margin-bottom:20px; margin-top:20px; }
ul.picbox li { float:left; width:200px; margin-right:10px; font-size:0.8em; }
ul.picbox li:last-child { margin-right:0; }
ul.picbox li img { width:100%; }

/* -------- インタビュー -------- */
.interviewinner{
	border:solid 1px #ccc;
	padding:20px;
	line-height:180%;
}

.interviewinner h5 {
	color:#339;
	font-size:130%;
	margin-top:2em;
}

.interviewinner p.question {
	color:#399;
	margin-bottom:5px;
}

.interviewinner span.answer {
	font-weight:bold;
}

.interviewinner .boxintArtist {
  width: 600px;
  margin:15px auto;
}

.interviewinner .intimg{
	margin-left:20px;
	float:right;
	clear:both;
}

/* 20231028_2.php & 20231029_2.php */
div.beer { border:2px dotted #53c6db; padding:25px; margin:25px 0; }
div.beer figure { margin-top:25px; }
div.beer figure img { height:120px; margin-right:20px; }
img.suntory_logo { width:160px; }

/* table time_schedule */
.time_schedule{
	display:grid;
	grid-template-columns:min-content 1fr;
	gap:0 10px;
}
.time_schedule span{ font-size:100%; }

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

/* -------- 終わったら削除してください。 -------- */
.txtABCDEFG { color: #3F0; } 
.bgABCDEFG li { background-color:#FF0; }