@charset "utf-8";

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

　 個別設定

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


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


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

/* ---- グローバルナビ ---- */

#header #gnav .boxNavContent .btnBC > a:before,
#header #gnav .boxNavContent .btnBC > p > a:before {
  right: 0;
  left: 0;
}


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

/*  BC
-------------------------- */
.boxCategoryTitle h1 span.h1ruby { font-size:40%; display: block; font-weight: normal; margin-bottom:0.5em; line-height: 100%;}
.boxCategoryTitle h1 {
  float: left;
  width: 35%;
}

.boxCategoryTitle .boxNavBtn {
  float: right;
  width: 65%;
}

/* -------- セクション -------- */

.boxSection {
  margin-top: -120px;
  padding-top: 120px;
  padding-bottom: 40px;
}

.boxintro {width:1100px; margin:0 auto;}

/* ---- サブタイトル ---- */

.boxSection .ttlMain {
  margin-bottom: 10px;
  font-size: 1.28em;
  font-weight: bold;
}

.boxSection .ttlMain span {
  padding-right: 2px;
  font-size: 1.3em;
}

.boxSection .ttlSub {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 1.02em;
  font-weight: bold;
}

.boxSection .ttlSub:before {
  content: "■";
}

.boxSection .ttlMain + .ttlSub {
  margin-top: -2px;
}

/* ---- リスト ---- */

.boxSection .boxArchiveList {
  margin-right: 10px;
  margin-bottom: 20px;
}

.boxSection .boxArchiveList > ul {
  margin-top: -30px;
}

.boxSection .boxArchiveList > ul > li {
  padding-top: 30px;
}

.boxSection .boxArchiveList > ul > li a {
  color: #0c2f47;
  text-decoration: none;
}

.boxSection .boxArchiveList > ul > li p {
  padding-bottom: 8px;
}

.boxSection .boxArchiveList > ul > li p.imgThumb img {
  width: 100%;
  border: solid 1px #ccc;
}

.boxSection .boxArchiveList > ul > li p.imgThumb img.bnone {
  width: 100%;
  border: none;
}

.boxSection .boxArchiveList.columnFive > ul > li p.imgThumb img {
  /*min-height: 220px;*/
}

.boxSection .boxArchiveList > ul > li p.txtCont {
  padding: 0;
  font-size: .85em;
  line-height: 1.5em;
}


/* -------- モーダル -------- */

.boxModal {
  position: relative;
  padding-left: 165px;
}

.boxModal:before {
  position: fixed;
  top: 120px;
  left: 50%;
  width: 165px;
  height: 700px;
  margin-left: -550px;
  background: url(/concert/20th/BC/common/img/modal/bg-modal-bc.png) no-repeat;
  content: "";
}

@media screen and (max-width: 1200px) {
  .boxModal:before {
    left: 40px;
    margin-left: 0;
  }
}

@media screen and (max-height: 800px) {
  .boxModal:before {
    position: absolute;
    top: 0;
  }
}

/* ------ プロフィール ------ */

.boxProfile {
  font-size: 1.05em;  
  text-align: center;
  line-height: 1.8em;
}

.boxProfile .boxProfileTitle {
  margin-bottom: 46px;
  padding: 15px 0 15px;
  border-bottom: 1px solid #c7c9c7;
  font-size: 1.1em;
  text-align: left;
}

.boxProfile .boxProfileTitle h2 {
  margin-bottom: 5px;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.6em;
}

.boxProfile .boxProfileTitle h2 .txtName {
  font-size: 1.2em;
}

.boxProfile .boxProfileImg {
  display: inline-block;
  *display: inline; /* IE7用 */
  *zoom: 1; /* IE7用 */
  margin: 0 auto;
  margin-bottom: 35px;
  text-align: center;
}

.boxProfile .boxProfileImg .txtPhoto {
  padding-top: 5px;
  font-size: .8em;
  text-align: right;
}

.boxProfile .boxProfileCont {
  text-align: left;
}

.boxProfile .boxProfileCont p {
  margin-bottom: 25px;
}

.boxProfile .boxProfileCont .boxFrameArea {
  padding: 25px 35px 0;
  border: 1px solid #e5e5e5;
  background: #fff;
}


/* -------- サイドバー -------- */

#side form {
  display: none;
}


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