@charset "utf-8";

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

　　INFORMATION CSS （個別設定）
　　
============================================================= */


/*  INFORMATION TOP : お知らせ
--------------------------------------------- */

.cate-information {
  background: #fdfdfd;
}

/* -------- メインインフォ -------- */

.cate-information #main-info {
  margin-bottom: 100px;
}

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

.cate-information #main-info .boxSectionWrap {
  margin-left: -20px;
  font-size: 0;
}

.cate-information #main-info .boxSection {
  display: inline-block;
  position: relative;
  width: 470px;
  /*min-height: 340px;*/
  min-height: 380px;
  margin: 0 0 20px 20px;
  padding: 1px 1px 50px;
  box-shadow: 2px 2px 2px #ccc;
  background: #fff;
  vertical-align: top;
  font-size: 14px;
}

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

.cate-information .boxSectionCont {
	padding:20px;
  position:relative;
}
/* ---- ボックスをまるごとリンク ---- */
.cate-information .boxSectionCont  .infolinkbox {
}

.cate-information .boxSectionCont  .infolinkbox a {
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	text-indent:-999px;
}

.cate-information  .boxSectionCont .infolinkbox a:hover {
	background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/* -- セクションタイトル -- */
.cate-information #main-info .boxSection .boxSectionCont .ttlSection {
  margin-bottom: 15px;
  font-size: 1.4em;
  text-align: left;
}

/* -- お知らせ文章 -- */
.cate-information #main-info .boxSection .boxSectionCont .txtInfo {
  font-size: 0.91em;
  letter-spacing: -0.5px;
  line-height: 1.7em;
}

/* ---- セクション・下部 ---- */

.cate-information #main-info .boxSection .boxSectionFooter {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  /*height: 50px;*/
  height: 60px;
  padding: 0 20px 18px;
}

/* -- 日付 -- */
.cate-information #main-info .boxSection .boxSectionFooter .txtDate {
  position: relative;
  float: left;
  width: 120px;
  padding-top: 8px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Verdana,sans-serif;
  font-weight: bold;
  line-height: 1.4em;
}

/* NEWアイコン */
.cate-information #main-info .boxSection .boxSectionFooter .txtDate .icnNew {
  display: inline-block;
  position: absolute;
  top: -4px;
  left: 0;
  width: auto;
  padding: 1px 4px;
  background: #e71919;
  color: #fff;
  font-size: 0.75em;
  line-height: 1.2em;
}

/* -- リンクボタン -- */
.cate-information #main-info .boxSection .boxSectionFooter .btnLink {
  float: right;
  width: 300px;
  text-align: center;
}

.cate-information #main-info .boxSection .boxSectionFooter .btnLink a {
  display: inline-block;
  position: relative;
  padding: 2px 30px 2px 8px;
  background: #000;
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
  text-align: left;
  line-height: 2em;
  width:300px;
}

/* 矢印 */
.cate-information #main-info .boxSection .boxSectionFooter .btnLink a:before,
.cate-information #main-info .boxSection .boxSectionFooter .btnLink a:after {
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid transparent;
  content: "";
}

.cate-information #main-info .boxSection .boxSectionFooter .btnLink a:before {
  right: 5px;
  border-left: 6px solid #fff;
}

.cate-information #main-info .boxSection .boxSectionFooter .btnLink a:after {
  right: 7px;
  border-left: 6px solid #000;
}

/* 触れた時 */
.cate-information #main-info .boxSection .boxSectionFooter .btnLink a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  filter: none\9;
}


/* -------- お知らせ一覧 -------- */

.cate-information #info-list {
  margin-bottom: 150px;
}

/* -- お知らせ一覧・タイトル -- */
.cate-information #info-list .ttlInfo {
  margin-bottom: 20px;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-size: 1.3em;
  text-align: center;
  line-height: 1.7em;
}

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

.cate-information #info-list .boxSection {
  margin: 0 0 26px;
  padding: 20px 40px;
  box-shadow: 2px 2px 2px #ccc;
  background: #fff;
}

/* ---- セクション・上部 ---- */

.cate-information #info-list .boxSection .boxSectionHead {
  position: relative;
  margin: 0;
  padding: 0 0 0 15px;
  border-left: 12px solid #e71919;
}

.cate-information #info-list .boxSection .boxSectionHead:before {
  position: absolute;
  left: -12px;
  bottom: -8px;
  width: 101%;
  height: 2px;
  background: url(../../common/img/content/line-bg-dot.gif) repeat-x bottom;
  content: "";
}



/* -- 日付 -- */
.cate-information #info-list .boxSection .boxSectionHead .txtDate {
  color: #073190;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Verdana,sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 1.4em;
}

/* -- セクションタイトル -- */
.cate-information #info-list .boxSection .boxSectionHead .ttlSection {
  margin: 0;
  padding: 0;
  text-align: left;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Verdana,sans-serif;
  font-size: 1.15em;
  font-weight: bold;
}

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

/* -- 文章 -- */
.cate-information #info-list .boxSection .boxSectionCont .txtInfo {
  margin-bottom: 20px;
  color: #666;
}

/* -- 画像 -- */
.cate-information #info-list .boxSection .boxSectionCont .imgInfo {
  text-align: center;
}

/* -- 大野氏btn -- */
.onoCont {width:764px; margin:0 auto; }

/*  TOUR : ヨーロッパ・ツアー開催
--------------------------------------------- */


/* -------- ヨーロッパ・ツアー -------- */

.cate-information.page-tour #tour,
.cate-information.page-message #message,
.cate-information.page-onotmso #onotmso
 {
  width: 750px;
  padding: 20px 0 20px 20px;
  text-align: left;
}

/* ---- ツアーについて ---- */

.cate-information.page-tour #tour .eutourOno{position:relative; }
.cate-information.page-tour #tour .txtAboutTour {
  margin-bottom: 20px;
  width:350px;
  position:absolute;top: 80px; left: 10px; 
  text-align:left;
  color:#fff;
  line-height:180%;
}
/* ---- ツアー内容 ---- */

.cate-information.page-tour #tour .boxTourCont {
  margin-bottom: 20px;
}

.cate-information.page-tour #tour .boxTourCont .boxDetailList,
.cate-information.page-tour #tour .boxTourCont .boxPhotoList {
  display: inline-block;
  vertical-align: top;
}

.arrow { background:url(../../common/img/content/arw-small-white.png)  no-repeat 1px 1px ; padding-left:15px;
}

/* -- 詳細一覧 -- */

.cate-information.page-tour #tour .boxTourCont .boxDetailList {
  width: 270px;
}

/* 強調テキスト */
.cate-information.page-tour #tour .boxTourCont .boxDetailList em {
  line-height: 30px;
  font-size: 1.25em;
  font-weight: normal;
}

/* -- 写真一覧 -- */

.cate-information.page-tour #tour .boxTourCont .boxPhotoList {
  width: 455px;
}

.cate-information.page-tour #tour .boxTourCont .boxPhotoList li {
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
  margin-bottom: 6px;
}

/* ---- 公演スケジュール ---- */

.cate-information.page-tour #tour .boxScheduleframe{
	width:360px;
	float:left;
}

.cate-information.page-tour #tour .boxScheduleframe > dt { line-height:0;}

.cate-information.page-tour #tour .boxSchedule {
  margin-bottom: 25px;
  font-size: 0.88em;
  line-height: 18px;
}

/* 公演スケジュール・一覧 */
.cate-information.page-tour #tour .boxSchedule .boxScheduleList {
  display: inline-block;
  vertical-align: top;
  width: 380px;
}

.cate-information.page-tour #tour .boxSchedule .boxScheduleList:first-child {
  padding-right: 20px;
}

.cate-information.page-tour #tour .boxSchedule .boxScheduleList > li {
  margin-bottom: 18px;
}

.boxDetailList li { margin-bottom:10px; }

/* ---- 英語版 ---- */

.e-font {
  font-size: 1em;
  color: #999;
  font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande","segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
  line-height: 18px;
}

/* ---- 写真一覧 ---- */

.boxTourPhotoframe {
	float:right;
	width:340px;
}

.boxTourPhoto_3col {
  padding-left: 25px;
}

.boxTourPhoto_3col li {
  margin-right: 20px;
  margin-bottom: 20px;
  line-height: 1.5;
}

.boxTourPhoto_3col li.last {
  margin-right: 0px;
}

.boxTourPhoto_3col img {
  margin-bottom: 5px;
}