@charset "utf-8";

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

　　共通モジュール設定

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


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

#container {
}


/*  リンク 設定
-------------------------- */

/* -- 動き滑らか -- */
#header a,
#boxHeader a,
#footer a,
#content a,
#content a img,
#contentWide a,
#contentWide a img,
#boxFooter a,
 {
  transition: all 0.4s ease-in-out;
}

/* -- 半透明 -- */
#header #ttlSiteLogo a:hover,
#content a:hover img,
#contentWide a:hover img {
  opacity: 0.6;
}

/* -- 下線 -- */
.txtLink {
  text-decoration: underline;
}

/* -- 下線なし -- */
.txtLink:hover {
  text-decoration: none;
}

/* -- カーソル -- */
.boxHover {
  cursor: pointer;
}


/*  画像　設定
-------------------------- */

/* フレーム付き画像 */
.imgFrame {
  padding: 10px;
  border: 1px solid #fff;
  background: #fff;
}


/*  テキスト 設定
-------------------------- */

/* 赤色 */
.txtRed {
  color: #d90000;
}

/* 灰色 */
.txtGrey {
  color: #666;
}

/* 注意文（赤） */
.txtNotice {
  color: #d90000;
    font-size:75%;
  font-weight:normal;
}

/* インデント設定 */
.txtIdt,
#header .boxGlobalNav.mediaPC > ul > li > a > span {
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  text-indent: 200%;
  /text-indent: -9999px;
  text-indent: -9999px\9;
  white-space: nowrap;
}

.small {
  font-size: 0.8em;
}

.bold {
  font-weight: bold;
}

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

#header {
}


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

#content {
}

/* -- サイドカラム -- */
/*--------  サイド  --------*/

#side .box-acc-cont {
  margin-bottom: 18px;
}

#side dl dt.btn-acc {
  height: 97px;
  padding-left: 1em;
  color: #fff;
  font-size: 16px;
  line-height: 100px;
  border-radius: 2px;
}

#side dl dt.btn-acc a {
  color: #fff;
}

#side dl dd {
  display: block;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.gt670 #side dl dd {
  display: block !important;
}

#side dl dd ul#boxSideNav {
  margin-bottom: 18px;
  padding: 0.75em 1.5em 0.25em 1em;
  background-color: #fff;
}

#side dl dd ul#boxSideNav > li {
  border-bottom: 1px solid #efefef;
}

#side dl dd ul#boxSideNav > li a {
  display: block;
  padding: 0.6em 0.5em 0.5em 16px;
  font-size: 13px;
  text-decoration: none;
  color: #333;
}

#side dl dd ul#boxSideNav > li:last-child {
  border-bottom: none;
}

#side dl dd ul#boxSideNav > li ul li a {
  padding: 0 0 0.3em 0.8em;
  background: none;
}

#side dl dd ul#boxSideNav li:last-child a {
  border-bottom: none;
}

#side dl dd ul#boxSideNav li a:hover {
  text-decoration: underline;
}

/*サイドお問い合わせ*/
#side .sideInq {
  border-radius: 2px;
  padding:15px 10px;
  font-size:90%;
  margin-top:20px;
}


  

/*  ボタン
-------------------------- */

.boxLinkLarge {
  margin: 18px 0;
  text-align: center;
}

.boxLinkLarge li {
  display: inline-block;
}

.btnLinkLarge {
  text-align: center;
}

.btnLinkLarge a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  transition: all 0.4s ease-in-out;
  min-width: 320px;
  margin: 0 auto;
  padding: 15px 20px;
  border-radius: 2px;
  background: #9ba5b8;
  color: #fff;
  font-size: 1.2em;
  text-align: center;
  text-decoration: none;
}

.btnLinkLarge a:hover {
  opacity: 0.6;
  text-decoration: underline;
}

.btnLinkLargeBlu {
  text-align: center;
}

.btnLinkLargeBlu a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  transition: all 0.4s ease-in-out;
  min-width: 320px;
  margin: 0 auto;
  padding: 15px 20px;
  border-radius: px;
  background: #06C;
  color: #fff;
  font-size: 1.2em;
  text-align: center;
}

.btnLinkLargeBlu a:hover {
  opacity: 0.6;
}

/* 矢印付きボタン */
.btnLinkLarge.icnArw a {
  padding: 15px 60px;
}

.btnLinkLarge.icnArw a::before,
.btnLinkLarge.icnArw a::after {
  position: absolute;
  top: 56%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -10px;
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 9px solid #fff;
  content: "";
}

.btnLinkLarge.icnArw a::after {
  right: 12px;
  border-left-color: #9ba5b8;
}


.btnLinkSmall {
  text-align: center;
}

.btnLinkSmall a {
  display: block;
  position: relative;
  transition: all 0.4s ease-in-out;
  width: 230px;
  margin: 0 auto 10px;
  padding: 4px;
  border-radius: 2px;
  background: #9ba5b8;
  font-size: 14px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.btnLinkSmall a:hover {
  opacity: 0.6;
  text-decoration: underline;
}

/* 矢印付きボタン */
.btnLinkSmall.icnArw a::before,
.btnLinkSmall.icnArw a::after {
  position: absolute;
  top: 56%;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -10px;
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 9px solid #fff;
  content: "";
}

.btnLinkSmall.icnArw a::after {
  right: 12px;
  border-left-color: #9ba5b8;
}

/*  テーブル
-------------------------- */

.boxTable {
  width: 100%;
  margin-bottom: 60px;
  border: 1px solid #ccc;
  border-top: none;
  border-left: none;
  font-size: 1.1em;
}

.boxTable tr {
  border-top: 1px solid #ccc;
}

.boxTable th,
.boxTable td {
  padding: 18px;
  border-left: 1px solid #ccc;
}

.boxTable th {
  width: 206px;
  background: #f3f2f0;
  font-weight: bold;
}

.boxTable td {
  background: #fff;
}

.boxTable input[type="text"],
.boxTable input[type="email"],
.boxTable input[type="password"],
.boxTable select,
.boxTable textarea {
  margin-top: -6px;
  margin-bottom: -6px;
}

.boxTable input[type="text"],
.boxTable input[type="email"],
.boxTable input[type="password"] {
  width: 420px;
}

.boxTable select {
  min-width: 300px;
}

.boxTable label {
  margin-right: 30px;
}

.boxTable .txtGrey {
  padding-left: 10px;
  font-size: 0.9em;
}

.boxTable .txtRed {
  padding-left: 5px;
}


/*  パンくず
-------------------------- */

#content .boxBreadcrumb .boxInner {
  width: 1164px;
  margin: 0 auto;
}

.boxBreadcrumb {
  min-height: 32px;
  padding: 15px 0;
  font-size: 0.9em;
  letter-spacing: -0.5px;
}

.boxBreadcrumb p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-wrap: normal;
}

.boxBreadcrumb a {
  margin-right: 2px;
}

.boxBreadcrumb a:hover {
  text-decoration: underline;
}

.boxBreadcrumb span {
  margin-right: 2px;
}


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

.boxCategoryTitle {
  padding: 20px 0 70px;
  text-align: center;
}

.boxCategoryTitle .ttlMain {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 20px 0 0;
  font-size: 2.1em;
  font-weight: bold;
  letter-spacing: 1px;
}

.boxCategoryTitle .ttlMain span {
  display: block;
  position: relative;
  position: inherit\9;
  padding: 0 0 16px;
  padding-bottom: 12px\9;
  border-bottom: 4px solid #74c2b3\9;
}

:root .boxCategoryTitle .ttlMain span {
  position: relative;
  padding-bottom: 16px;
  border-bottom: none;  
}

.boxCategoryTitle .ttlMain span::before {
  display: none\9;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  border-radius: 10px;
  background: #74c2b3;
  content: "";
}

:root .boxCategoryTitle .ttlMain span::before {
  display: block;
}

/* 施設アイコン */
.boxCategoryTitle.bgShisetsuIcon {
  padding-bottom: 40px;
}

.boxCategoryTitle.bgShisetsuIcon .ttlMain {
  padding: 50px 0 50px 145px;
  background-image: url(../img/content/categorytitle-bg-main.png);
  background-repeat: no-repeat;
  background-position: left center;
}


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

.ttlObiBlue {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 15px;
  padding: 2px 8px;
  border-radius: 2px;
  background: #2e497c;
  color: #fff;
}

/*  ニュース
-------------------------- */

/* .重要なお知らせ枠,*/
.boxTopNotice,
.boxNotice {
  padding: 0 20px 40px;
}

.boxTopNotice .boxNewsList {
  padding:0 20px 10px;
  background-color: #fefcf3;
  border:solid 2px #faa105;
}

.boxTopNotice .boxNewsList li span {
  font-weight:normal;
}

.boxNews {
  padding: 0 0 80px;
}

/* .boxNews,*/
.boxNews a {
  color: #153973;
}

/* -- News List --*/

.boxNewsList {
  font-weight: bold;
}


.boxNewsList li {
  overflow: hidden;
  padding: 12px 5px;
  border-bottom: 1px dotted #2d487e;
}

.boxNewsList li dt {
  float: left;
  width: 95px;
  font-weight: bold;
  letter-spacing: 0;
}

.boxNewsList li dd {
  margin-left: 95px;
}

.boxNewsList li a:hover {
  text-decoration: underline;
}

/*  アイコン
-------------------------- */

/* リンク アイコン */
.icon_Blank a:after {
  display:inline-block;
  content:"";
  width:10px; 
  height:10px;
  margin-left:5px;
  background: url(/common/img/content/icn-blank.png) no-repeat;
}

/* -- カテゴリアイコン --*/

.boxNewsList .icnCate {
  float: left;
  position: relative;
  top: 3px;
  width: 90px;
  padding: 2px;
  border-radius: 2px;
  background-color: #ccc;
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
  text-align: center;
  line-height: 1.5em;
}

.boxNewsList .bgGreen {
  background-color: #8bc53d;
}

.boxNewsList .info {
  background-color: #8bc53d;
}

.boxNewsList .hall {
  background-color: #e0485d;
}

.boxNewsList .library {
  background-color: #1435c5;
}

.boxNewsList .learning {
  background-color: #00984d;
}

.boxNewsList .plaza {
  background-color: #f9c201;
}

.boxNewsList .rec {
  background-color: #b58fcf;
}

.boxNewsList .ticket {
  background-color: #0080bc;
}

.boxNewsList .sirius {
  background-color: #1570a6;
}


/* -- ニューステキスト --*/

.boxNewsList .txtNews {
  margin-left: 115px;
}


/* -- ニュース詳細ページ -- */
.boxNews h2.mediaTitle {
  font-size:130%;
  font-weight:bold;
  border-bottom: 1px dotted #2d487e;
  text-align:center;
  padding-bottom:12px;
  margin-bottom:12px;
  }

dl.boxNewsDate { margin-bottom:50px; }  
dl.boxNewsDate dt {
  float: left;
  width: 95px;
  font-weight: bold;
  letter-spacing: 0;
}

dl.boxNewsDate dd {
  margin-left: 95px;
}

.boxNewsTxt { padding-bottom:70px; }
.boxNewsPicC { padding-bottom:70px; width:480px; margin: 0 auto; }
dl.boxNewsPicR { clear:both; padding-bottom:70px; }
dl.boxNewsPicR dt { float:right; width:400px; }
dl.boxNewsPicR dd { float:left; width:520px; }
dl.boxNewsPicL { clear:both; padding-bottom:70px; }
dl.boxNewsPicL dt { float:left; width:400px; }
dl.boxNewsPicL dd { float:right; width:520px; }

.boxNewsPicC img,
dl.boxNewsPicR dt img,
dl.boxNewsPicL dt img { width:100%; } 

dl.boxNewsPicR::after,
dl.boxNewsPicL::after {
  display: block; 
  clear: both; 
  visibility: hidden;
  height: 0; 
  font-size: 0;
  content: "."; 
}


/*  リンクエリア
-------------------------- */

.boxLinkArea {
  position: relative;
}

.boxLinkArea .txtMore a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
}


/*  施設紹介
-------------------------- */

/* -------- イントロ -------- */

.boxCatch {
  padding-bottom: 80px;
}

.boxCatch .txtCatch {
  margin-bottom: 70px;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  line-height: 2em;
}

.imgCatch img {
  margin-left: 4px;
}

.imgCatch img:first-child {
  margin-left: 0;
}

/* -------- フロア一覧 -------- */

.boxFloorList {
  padding: 40px 0 10px;
}

.boxFloorList ul {
  font-size: 0;
}

.boxFloorList li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 318px;
  margin: 0 0 60px;
  font-size: 13px;
  vertical-align: top;
}

/* -- Two Column -- */
.boxFloorList .boxTwoColumn {
  width: 660px;
  margin: 0 auto;
}

.boxFloorList .boxTwoColumn li {
  margin-left: 10px;
}

/* -- Three Column -- */
.boxFloorList .boxThreeColumn {
  margin-left: -2px;
}

.boxFloorList .boxThreeColumn li {
  margin-left: 2px;
}

.boxFloorList li dl {
  font-size: 1.05em;
}

.boxFloorList li dt {
  display: block;
  margin-bottom: 10px;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
}

.boxFloorList li dd {
}

.boxFloorList .imgFloor {
  margin-bottom: 15px;
}

.boxFloorList .txtFloor {
  padding: 0 5px;
  line-height: 1.8em;
}


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

.boxInfo {
  padding: 60px 0;
}

.boxInfo .boxSectionHead {
  padding-bottom: 30px;
}

.boxInfo .boxSectionHead .ttlSection {
  margin-bottom: 10px;
  padding: 3px 0 3px 10px;
  border-left: 8px solid #de4a5f;
  font-size: 1.25em;
  font-weight: bold;
}

.boxInfo .boxSectionHead .txtSub,
.boxInfo .boxSectionContent {
  padding: 0 20px;
}

.boxInfo .boxSectionContent {
  padding-bottom: 40px;
}

.boxInfo .boxSectionContent p:first-child {
  margin-bottom: 60px;
}

/* -------- ttlSection border color -------- */

.boxInfo .boxSectionHead .ttlgreen { border-left-color:#00984d; }

/*  アコーディオン・メニュー
-------------------------- */

.gt640 .boxAcc .boxAccCont,
.gt720 .box-acc-cont {
  display: block !important;
}

.box-acc-cont {
  display: block;
}

.boxEventAcc h4 {
}

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

#footer {
}

/* ------------ ▼第2フェーズ ------------ */

/*  基本施設色分け
-------------------------- */

/* ホール */
#hall .boxCategoryContent .boxNotice .boxNoticeHead , /* カテゴリートップ 小見出し */
#hall .boxCategoryContent .boxInfo .boxInfoHead , /* カテゴリートップ 小見出し */
#hall .boxMainTitle,      /* 各ページ見出し */
#hall .boxContentsHead h2, /* 下層ページ小見出し */
#hall .boxCalendarHead .prevnext li a::before, /* カレンダー Prev Next 矢印色 */
#hall .boxCalendarHead .prevnext li a::after,  /* カレンダー Prev Next 矢印色 */
#hall .boxFacilityList li h2                  /* 施設紹介 見出し */ {
  border-color: #d61918;
}

.btnLinkLarge.icnArw.hall a::after /* 共通リンクボタン大 矢印付き */ {
  border-left-color: #d61918;
}

#hall .boxCategoryContent .boxNoticeHead .ttlInfo, /* カテゴリートップ 小見出し */
#hall .boxCategoryContent .boxInfoHead .ttlInfo, /* カテゴリートップ 小見出し */
#hall #side dl dd ul#boxSideNav li a:hover, /* サイドカラム */
#hall #side dl dd ul#boxSideNav li a.crnt,  /* サイドカラム */
#hall .boxCalendarHead .prevnext li a, /* カレンダー Prev Next */
#hall .boxCalendarHead h2 span,        /* カレンダー 月 */
.txtNewsSubLabel.hall /* お知らせサブラベル */ {
  color: #d61918;
} 

.boxTopNoticeContent .boxNewsList li dd p:first-child.hall,/* トップページ重要なお知らせラベル背景色 */
.boxTopInfoContent .boxNewsList li dd p:first-child.hall,/* トップページお知らせラベル背景色 */
.btnLinkSmall.hall a, /* 共通リンクボタン小 */
.btnLinkLarge.hall a, /* 共通リンクボタン大 */
#hall .boxCalendarHead .prevnext li a:hover,    /* カレンダー Prev Next */
#hall .boxCalendarHead .calendarList li a:hover,/* 現在いるカレンダー 背景色 */
#hall .boxCalendarHead .calendarList li.crnt,   /* 現在いるカレンダー 背景色 */ 
#hall p.btnEvent a /* イベント詳細ボタン背景 */ {
  background-color: #d61918;
}
#hall .boxCalendarHead .calendarList li.crnt::after /* 現在いるカレンダー 吹出矢印 */ {
  border-color: #d61918 transparent transparent transparent;
}

#voice #topSection .hall,
#voice #contentSection .hall  /* お客様の声 ラベル */ {
  background-color: #d61918;
}

/* 図書館 */
#library .boxCategoryContent .boxNotice .boxNoticeHead, /* カテゴリートップ 小見出し */
#library .boxCategoryContent .boxInfo .boxInfoHead, /* カテゴリートップ 小見出し */
#library .boxMainTitle,     /* 各ページ見出し */
#library .boxContentsHead h2, /* 下層ページ小見出し */
#library .boxCalendarHead .prevnext li a::before, /* カレンダー Prev Next 矢印色 */
#library .boxCalendarHead .prevnext li a::after,  /* カレンダー Prev Next 矢印色 */
#library .boxFacilityList li h2                  /* 施設紹介 見出し */ {
  border-color: #0f2dc8;
}

.btnLinkLarge.icnArw.library a::after /* 共通リンクボタン大 矢印付き */ {
  border-left-color: #0f2dc8;
}

#library .boxCategoryContent .boxNoticeHead .ttlInfo, /* カテゴリートップ 小見出し */
#library .boxCategoryContent .boxInfoHead .ttlInfo, /* カテゴリートップ 小見出し */
#library #side dl dd ul#boxSideNav li a:hover, /* サイドカラム */
#library #side dl dd ul#boxSideNav li a.crnt,  /* サイドカラム */
#library .boxCalendarHead .prevnext li a, /* カレンダー Prev Next */
#library .boxCalendarHead h2 span,        /* カレンダー 月 */
.txtNewsSubLabel.library /* お知らせサブラベル */ {
  color: #0f2dc8;
} 

.boxTopNoticeContent .boxNewsList li dd p:first-child.library,/* トップページ重要なお知らせラベル背景色 */
.boxTopInfoContent .boxNewsList li dd p:first-child.library,/* トップページお知らせラベル背景色 */
.btnLinkSmall.library a, /* 共通リンクボタン小 */
.btnLinkLarge.library a, /* 共通リンクボタン大 */
#library .boxPlazaList li a,  /* ご利用案内 ページ内リンク */
#library .boxCalendarHead .prevnext li a:hover,    /* カレンダー Prev Next */
#library .boxCalendarHead .calendarList li a:hover,/* カレンダー 背景色 */
#library .boxCalendarHead .calendarList li.crnt,   /* 現在いるカレンダー 背景色 */
#library p.btnEvent a, /* イベント詳細ボタン背景 */
#library .boxFacilityList .txtFloor h2 span /* 施設紹介 */ {
  background-color: #0f2dc8;
}
#library .boxCalendarHead .calendarList li.crnt::after /* 現在いるカレンダー 吹出矢印 */ {
  border-color: #0f2dc8 transparent transparent transparent;
}

#voice #topSection .library,
#voice #contentSection .library  /* お客様の声 ラベル */ {
  background-color: #0f2dc8;
}

/* 生涯学習センター */
#learning .boxCategoryContent .boxNotice .boxNoticeHead, /* カテゴリートップ 小見出し */
#learning .boxCategoryContent .boxInfo .boxInfoHead, /* カテゴリートップ 小見出し */
#learning .boxMainTitle,     /* 各ページ見出し */
#learning .boxContentsHead h2, /* 下層ページ小見出し */
#learning .boxCalendarHead .prevnext li a::before, /* カレンダー Prev Next 矢印色 */
#learning .boxCalendarHead .prevnext li a::after,  /* カレンダー Prev Next 矢印色 */
#learning .boxFacilityList li h2,                 /* 施設紹介 見出し */
#learning .contentSupport .boxContentsBody li h3  /* 活動支援小見出し */ {
  border-color: #00994a;
}

.btnLinkLarge.icnArw.learning a::after /* 共通リンクボタン大 矢印付き */ {
  border-left-color: #00994a;
}

#learning .boxCategoryContent .boxNoticeHead .ttlInfo, /* カテゴリートップ 小見出し */
#learning .boxCategoryContent .boxInfoHead .ttlInfo, /* カテゴリートップ 小見出し */
#learning #side dl dd ul#boxSideNav li a:hover, /* サイドカラム */
#learning #side dl dd ul#boxSideNav li a.crnt,  /* サイドカラム */
#learning .boxCalendarHead .prevnext li a,       /* カレンダー Prev Next */
#learning .boxCalendarHead h2 span,              /* カレンダー 月 */
#learning .contentSupport .boxContentsBody li h3, /* 活動支援小見出し */
.txtNewsSubLabel.learning /* お知らせサブラベル */ {
  color: #00994a;
} 

.boxTopNoticeContent .boxNewsList li dd p:first-child.learning,/* トップページ重要なお知らせラベル背景色 */
.boxTopInfoContent .boxNewsList li dd p:first-child.learning,/* トップページお知らせラベル背景色 */
.btnLinkSmall.learning a, /* 共通リンクボタン小 */
.btnLinkLarge.learning a, /* 共通リンクボタン大 */
#learning .boxCalendarHead .prevnext li a:hover,    /* カレンダー Prev Next */
#learning .boxCalendarHead .calendarList li a:hover,/* カレンダー 背景色 */
#learning .boxCalendarHead .calendarList li.crnt,   /* 現在いるカレンダー 背景色 */
#learning p.btnEvent a, /* イベント詳細ボタン背景 */
#learning .boxFacilityList li h2 span /* 施設紹介 階 */ {
  background-color: #00994a;
}
#learning .boxCalendarHead .calendarList li.crnt::after /* 現在いるカレンダー 吹出矢印 */ {
  border-color: #00994a transparent transparent transparent;
}
#voice #topSection .learning ,
#voice #contentSection .learning  /* お客様の声 ラベル */ {
  background-color: #00994a;
}

/* 屋内こども広場 */
#plaza .boxCategoryContent .boxNotice .boxNoticeHead, /* カテゴリートップ 小見出し */
#plaza .boxCategoryContent .boxInfo .boxInfoHead, /* カテゴリートップ 小見出し */
#plaza .boxMainTitle,     /* 各ページ見出し */
#plaza .boxContentsHead h2, /* 下層ページ小見出し */
#plaza .boxCalendarHead .prevnext li a::before, /* カレンダー Prev Next 矢印色 */
#plaza .boxCalendarHead .prevnext li a::after,  /* カレンダー Prev Next 矢印色 */
#plaza .boxFacilityList li h2                  /* 施設紹介 見出し */ {
  border-color: #fac300;
}

.btnLinkLarge.icnArw.plaza a::after /* 共通リンクボタン大 矢印付き */ {
  border-left-color: #fac300;
}

#plaza .boxCategoryContent .boxNoticeHead .ttlInfo, /* カテゴリートップ 小見出し */
#plaza .boxCategoryContent .boxInfoHead .ttlInfo, /* カテゴリートップ 小見出し */
#plaza #side dl dd ul#boxSideNav li a:hover, /* サイドカラム */
#plaza #side dl dd ul#boxSideNav li a.crnt,  /* サイドカラム */
#plaza .boxCalendarHead .prevnext li a, /* カレンダー Prev Next */
#plaza .boxCalendarHead h2 span,        /* カレンダー 月 */
.txtNewsSubLabel.plaza /* お知らせサブラベル */ {
  color: #fac300;
} 

.boxTopNoticeContent .boxNewsList li dd p:first-child.plaza,/* トップページ重要なお知らせラベル背景色 */
.boxTopInfoContent .boxNewsList li dd p:first-child.plaza,/* トップページお知らせラベル背景色 */
.btnLinkSmall.plaza a, /* 共通リンクボタン小 */
.btnLinkLarge.plaza a, /* 共通リンクボタン大 */
#plaza .boxPlazaList li a,  /* ご利用案内 ページ内リンク */
#plaza .boxCalendarHead .prevnext li a:hover,    /* カレンダー Prev Next */
#plaza .boxCalendarHead .calendarList li a:hover,/* カレンダー 背景色 */
#plaza .boxCalendarHead .calendarList li.crnt,   /* 現在いるカレンダー 背景色 */
#plaza p.btnEvent a /* イベント詳細ボタン背景 */ {
  background-color: #fac300;
}
#plaza .boxCalendarHead .calendarList li.crnt::after /* 現在いるカレンダー 吹出矢印 */ {
  border-color: #fac300 transparent transparent transparent;
}

#voice #topSection .plaza,
#voice #contentSection .plaza /* お客様の声 ラベル */ {
  background-color: #fac300;
}

#voice #topSection .common,
#voice #contentSection .common /* お客様の声 ラベル */ {
  background-color: #333;
}

/*  コンテンツ 設定
---------------------------------------------*/
#contentTwoColumn {
}

#main {
  width: 898px;
}

/* インデント設定 */
.txtIdt,
#boxHeader .boxGlobalNav.mediaPC > ul > li > a > span {
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  text-indent: 200%;
  /text-indent: -9999px;
  text-indent: -9999px\9;
  white-space: nowrap;
}


/*  サイド 設定
---------------------------------------------*/
.boxSideBnr {
  color: #1570a6;
  line-height: 1.5;
}

.boxSideBnr li {
  margin-bottom: 10px;
  border: 2px solid #1570a6;
  background: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
}

.boxSideBnr li a {
  display: block;
  position: relative;
  padding: 10px 0;
  text-decoration: none;
}

.boxSideBnr li a:hover {
  opacity: 0.8;
}

.boxSideBnr p {
  padding: 4px 14px;
  font-size: 13px;
  color: #333;
}

/* トップページ サイド */
#top #side {
  width: 260px;
  padding: 0 20px;
}

#top .boxSideBnr li a {
  padding: 22px 0 22px 55px;
  text-align: left;
}

#top .boxSideBnr li a:hover {
  background: #e5f0f6;
}

#top .boxSideBnr .btnSideFloor {
  background: url(/index/img/icon-floor.png) 10px 50% no-repeat
}

#top .boxSideBnr .btnSideUsage {
  background: url(/index/img/icon-usage.png) 10px 50% no-repeat
}

#top .boxSideBnr .btnSideAccess {
  background: url(/index/img/icon-access.png) 14px 50% no-repeat
}

#top .boxSideBnr .btnSideInquiry {
  background: url(/index/img/icon-inquiry.png) 11px 50% no-repeat
}

#top .boxSideBnr .btnSidefacebook {
  background: url(/index/img/icon-fb.png) 11px 50% no-repeat
}

#top .boxSideBnr .btnBarrier-free {
  background: url(/index/img/icon-barrier-free.png) 11px 50% no-repeat
}

#top .boxSideBnr .btnSideMirai {
  background: url(/index/img/icon-mirai.png) 11px 50% no-repeat
}

#top .boxSideBnr .btnSideProject {
  background: url(/index/img/icon-project.png) 11px 50% no-repeat
}

#top .boxSideBnr .btnSideVoice {
  background: url(/index/img/icon-voice.png) 11px 50% no-repeat
}

#top .boxSideBnr .btnSideFacility {
  background: url(/index/img/icon-facility.png) 11px 50% no-repeat
}

/*やまとみらい用バナー*/
#top .boxSideBnr li.futurebnr { border:none;}
#top .boxSideBnr li.futurebnr a { padding: 0;text-align: left;}
#top .boxSideBnr li.futurebnr img {width:100%;}
/*//やまとみらい用バナー*/

#top .boxSideBnr-etc {
  margin-bottom: 20px;
}

#top .boxSideBnr-etc img {
width:100%;
}

#top .boxSideBnr .btnfb {
  border:none;
}

#top .boxSideBnr li.btnfb a {
  padding:0;
}

/*  トップページ
----------------------------------- */
.boxCommonContent .bx-wrapper {
  margin: 0 auto;
  padding-bottom: 60px; 
  background: #fff;
}

#mainvisual .boxMainvisual .bx-controls-direction a {
  margin-top: -37px;
}

#mainvisual .boxMainvisual .bx-controls-direction a.bx-prev::before,
#mainvisual .boxMainvisual .bx-controls-direction a.bx-next::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 30px;
height: 30px;
margin: auto;
content: "";
vertical-align: middle;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#mainvisual .boxMainvisual .bx-controls-direction a.bx-prev::before {
left: 10px;
border-bottom: 4px solid #666;
border-left: 4px solid #666;
}

#mainvisual .boxMainvisual .bx-controls-direction a.bx-next::before {
left: -10px;
border-top: 4px solid #666;
border-right: 4px solid #666;
}

/* ---- 重要なお知らせ ---- */
/*.boxTopNoticeHead {
  border-bottom: 2px solid #333;
}*/

/*.boxTopNoticeHead .ttlInfo {
  float: left;
  display: inline-block;
  margin-top: 8px;
  font-size: 16px;
  font-weight: bold;
}*/

.boxTopNoticeContent .boxNewsList li a:hover {
  text-decoration: none;
}

.boxTopNoticeContent .boxNewsList li:last-child {
  border-bottom: none;
}

/* ---- お知らせ ---- */
.boxTopInfoHead {
  margin-bottom: 20px;
  border-bottom: 2px solid #333;
}

.boxTopInfoHead .ttlInfo {
  float: left;
  display: inline-block;
  margin-top: 8px;
  font-size: 16px;
  font-weight: bold;
}

.boxTopInfoHead .btnLink a {
  float: right;
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  padding: 4px 20px 4px 32px;
  border-radius: 2px;
  border: 1px solid #1570a6;
  background: #fff;
  font-size: 0.85em;
  text-align: center;
  line-height: 1.6em;
  vertical-align: middle;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}

.boxTopInfoHead .btnLink a::before,
.boxTopInfoHead .btnLink a::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.boxTopInfoHead .btnLink a::before{
left: 20px;
box-sizing: border-box;
width: 6px;
height: 6px;
border: 6px solid transparent;
border-left: 6px solid #1570a6;
}

.boxTopInfoHead .btnLink a::after{
left: 16px;
width: 8px;
height: 6px;
border-left: 4px solid #1570a6;
}

.boxTopInfoHead .btnLink a:hover {
  opacity: 0.6;
}

.boxTopInfoContent .boxNewsList li a:hover {
  text-decoration: none;
}

.boxTopInfoContent .boxNewsList li:last-child {
  border-bottom: none;
}

.boxTopNotice .boxNewsList li:last-child {
  border-bottom: none;
}

.boxTopInfoContent .boxNewsList li dt {
  float: left;
  width: 120px;
  font-weight: normal;
}

.boxTopInfoContent .boxNewsList li dd {
  margin-left: 120px;
  font-weight: normal;
}

.boxTopInfoContent .boxNewsList li dd p.txtNewsLabel,
#voice article p.txtVoiceLabel {
  display: block;
  float: left;
  width: 110px;
  margin-right: 14px;
  background: #666;
  border-radius: 2px;
  font-size: 12px;
  text-align: center;
  color:#fff;
}

.boxTopInfoContent .boxNewsList li dd p.txtNews {
  margin-left: 126px;
}

/*  共通サイト
----------------------------------- */
#contentWide .boxCommonContent {
  margin-bottom: 120px;
  padding-bottom: 80px;
  background-color: #fff;
}

.boxCommonContent .boxMainTitle h1 {
  padding: 14px 0 10px;
  font-size: 28px;
  line-height: 1.4em;
}

 .btnCommon a {
  width: 300px;
  margin-top: 20px;
  padding: 6px;
 /* border: 1px solid #b9e3f9;*/
  border: 1px solid #ccc;
  color: #333;;
  background: #fafafa;
}

 .btnCommon a:hover {
  background: #1570a6;
  color:#fff;
}


/*  各施設トップ
----------------------------------- */
.boxCategoryHead {
  text-align: center;
}

.boxCategoryHead .ttlMain {
  padding: 6px 0 50px;
  font-size: 30px;
  letter-spacing: 1px;
}

.boxCategoryHead .txtCategoryTop {
  margin-bottom: 70px;
  font-size: 1.1em;
  text-align: center;
  line-height: 2em;
}

.boxCategoryContent .boxNotice,
.boxCategoryContent .boxInfo {
  padding: 0 20px 20px;
}

.boxCategoryContent .boxNotice .boxNoticeHead,
.boxCategoryContent .boxInfo .boxInfoHead {
  padding-top: 30px;
  border-top: 2px solid #ddd;
}

.boxCategoryContent .boxNotice .boxNoticeHead .ttlInfo,
.boxCategoryContent .boxInfo .boxInfoHead .ttlInfo {
  float: left;
  display: inline-block;
  margin-bottom: 26px;
  font-size: 18px;
  font-weight: bold;
}

.boxCategoryContent .boxInfo .boxInfoHead .btnLink a {
  float: right;
  display: inline-block;
  position: relative;
  padding: 4px 20px 4px 32px;
  border-radius: 2px;
  border: 1px solid #1570a6;
  background: #fff;
  font-size: 0.85em;
  text-align: center;
  line-height: 1.6em;
  vertical-align: middle;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}

.boxCategoryContent .boxInfo .boxInfoHead .btnLink a::before,
.boxCategoryContent .boxInfo .boxInfoHead .btnLink a::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.boxCategoryContent .boxInfo .boxInfoHead .btnLink a::before{
left: 20px;
box-sizing: border-box;
width: 6px;
height: 6px;
border: 6px solid transparent;
border-left: 6px solid #1570a6;
}
.boxCategoryContent .boxInfo .boxInfoHead .btnLink a::after{
left: 16px;
width: 8px;
height: 6px;
border-left: 4px solid #1570a6;
}
.boxCategoryContent .boxInfo .boxInfoHead .btnLink a:hover {
  opacity: 0.6;
}

/* ---- 各施設トップ 重要なお知らせ ---- */
.boxNoticeContent .boxNewsList {
  font-weight: bold;
}

.boxNoticeContent .boxNewsList li {
  overflow: hidden;
  padding: 12px 5px;
  border-bottom: 1px dotted #2d487e;
}

.boxNoticeContent .boxNewsList li a:hover {
  opacity: 0.6;
}

/* ---- 各施設トップ お知らせ ---- */
.boxNoticeContent .boxNewsList,
.boxInfoContent .boxNewsList {
  font-weight: bold;
}

.boxNoticeContent .boxNewsList li,
.boxInfoContent .boxNewsList li {
  overflow: hidden;
  padding: 12px 5px;
  border-bottom: 1px dotted #2d487e;
}

.boxInfoContent .boxNewsList li dt {
  float: left;
  width: 140px;
  font-weight: normal;
  letter-spacing: 0;
}

.boxInfoContent .boxNewsList li dd {
  margin-left: 27px;
}

.boxNoticeContent .boxNewsList li a:hover,
.boxInfoContent .boxNewsList li a:hover {
  opacity: 0.6;
}

/* ---- 各施設トップ おすすめイベント ---- */

.boxInfoContent .boxPickup {
  margin: 0 auto;
}
/*
.boxInfoContent .boxPickupList {
  margin-bottom: 10px;
}

.boxInfoContent .boxPickupList li {
  display: inline-block;
  width: 260px;
  margin-right: 15px;
  border: 1px solid #ccc;
  vertical-align: top;
}

.boxInfoContent .boxPickupList li:last-child {
  margin-right: 0;
}
*/

/*プロジェクトアーカイブ追加*/
.boxInfoContent div.boxProjectimg {
  width: 100%;
  height: 10vw;
  overflow: hidden;
}

.boxInfoContent .boxPickupList li.imgProject img {
  width:100%;
  height:auto;
}

.boxInfoContent .boxPickupList .imgPickup {
  width: 100%;
}

/*
.boxInfoContent .boxPickupList .imgPickup img {
  width: 258px;
}
*/

.boxInfoContent .boxPickupList .imgPickup img {
  padding: 4px;
}

.boxInfoContent .boxPickupList .txtPickup {
  padding: 10px 14px 20px;
}

.boxInfoContent .boxPickupList .txtPickup dl dt {
  font-size: 12px;
  color: #666;
}

.boxInfoContent .boxPickupList .txtPickup dl dd {
  font-size: 0.9em;
}

.boxInfoContent .boxPickup .bx-wrapper {
  max-width: 810px !important;
  margin-top: 16px;
}

.boxInfoContent .boxPickup .bx-wrapper .bx-viewport {
  max-width: 810px !important;
  height: 100% !important;
  margin-top: 16px;
}

.boxInfoContent .boxPickup .bx-controls-direction a {
  height: 50px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background: #333;
  opacity: 0.8;
}

.boxInfoContent .boxPickup .bx-controls-direction a.bx-prev {
  left: -20px;
  background: #333;
  opacity: 0.8;
}

.boxInfoContent .boxPickup .bx-controls-direction a.bx-next {
  right: -20px;
  background: #333;
  opacity: 0.8;
}

.boxInfoContent .boxPickup .bx-controls-direction a.bx-prev::before,
.boxInfoContent .boxPickup .bx-controls-direction a.bx-next::before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 10px;
height: 10px;
margin: auto;
content: "";
vertical-align: middle;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.boxInfoContent .boxPickup .bx-controls-direction a.bx-prev::before {
left: 9px;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
}

.boxInfoContent .boxPickup .bx-controls-direction a.bx-next::before {
left: 10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}

.boxInfoContent .boxPickup .bx-pager {
  bottom: -50px;
}

.boxInfoContent .boxPickup .bx-pager-item,
.boxInfoContent .boxPickup .bx-pager-item .active {
  font-size: 16px;
}

.boxInfoContent .boxPickup .bx-pager-item a,
.boxInfoContent .boxPickup .bx-pager-item a.active {
  width: auto;
  height: auto;
  padding: 10px 6px;
  background: none;
  text-indent: 0;
  text-decoration: none;
  border-radius: 0;
}

.boxInfoContent .boxPickup .bx-pager-item a {
  color: #ccc;
  border-bottom: 1px solid #ccc;
}

.boxInfoContent .boxPickup .bx-pager-item a:hover {
  background: none;
  color: #1570a6;
  border-bottom: 1px solid #1570a6;
}

.boxInfoContent .boxPickup .bx-pager-item a.active {
  color: #1570a6;
  border-bottom: none;
}

.boxInfoContent .boxPickup .bx-pager-item a.active:hover {
  border-bottom: none;
}

/* ---- Slick Setting ---- */

.boxInfoContent {
}

.boxInfoContent .boxPickupList {
  position: relative;
  margin: 0 -6px 20px -8px;
}

.boxInfoContent .boxPickupList:before,
.boxInfoContent .boxPickupList:after {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 8px;
  background: #fff;
  content: "";
}

.boxInfoContent .boxPickupList:before {
  left: 0;
}

.boxInfoContent .boxPickupList:after {
  right: -1px;
}

.boxInfoContent .boxPickupList > li,
.boxInfoContent .boxPickupList .slick-track > li {
  display: inline-block;
  *display: inline; /* IE7用 */
  *zoom: 1; /* IE7用 */
  visibility: hidden;
  height: 0;
  width: 274px;
  margin: 0 8px;
  border: 1px solid #ccc;
  letter-spacing: normal;
  vertical-align: top;
}

.boxInfoContent .boxPickupList.slick-slider .slick-track li,
.boxInfoContent .boxPickupList > li:first-child,
.boxInfoContent .boxPickupList > li:first-child + li,
.boxInfoContent .boxPickupList > li:first-child + li + li {
  visibility: visible;
  height: auto;
}

.boxInfoContent div.boxProjectimg {
  height: 130px;
}

.boxInfoContent .boxPickupList .imgPickup {
  display: block;
  width: 100%;
  padding: 4px;
}

.boxInfoContent .boxPickupList .imgPickup a {
  display: block;
  transition: opacity .4s ease-in-out;
  width: 100%;
}

.boxInfoContent .boxPickupList .imgPickup a:hover {
  opacity: .7;
}

.boxInfoContent .boxPickupList .imgPickup img {
  opacity: 1 !important;
  width: 100% !important;
  padding: 0;
}

/* -- Prev,Next -- */

.boxInfoContent .boxPickup .slick-prev,
.boxInfoContent .boxPickup .slick-next {
  transition: opacity .4s ease-in-out;
  top: 110px;
  opacity: .8;
  z-index: 20;
  width: 32px;
  height: 50px;
  border-radius: 0 !important;
  background: #333;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

#pickup2 .boxInfoContent .boxPickup .slick-prev,
#pickup2 .boxInfoContent .boxPickup .slick-next {
  top: 50%;
  margin-top: -30px;
}

.boxInfoContent .boxPickup .slick-prev {
  left: -10px;
}

.boxInfoContent .boxPickup .slick-next {
  right: -10px;
}

.boxInfoContent .boxPickup .slick-prev:before,
.boxInfoContent .boxPickup .slick-next:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  content: "";
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.boxInfoContent .boxPickup .slick-prev:before {
  left: 13px;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
}

.boxInfoContent .boxPickup .slick-next:before {
  left: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

.boxInfoContent .boxPickup .slick-prev:hover,
.boxInfoContent .boxPickup .slick-next:hover {
  opacity: .9;
}

/* -- Dots（Number） -- */

.boxInfoContent .boxPickup .slick-dots {
  position: inherit;
  bottom: auto;
  padding: 20px 10px 0;
}

.boxInfoContent .boxPickup .slick-dots li {
  margin: 0 8px 15px;
  width: auto;
}

.boxInfoContent .boxPickup .slick-dots li button {
  width: 100%;
  min-width: 20px;
  height: auto;
  min-height: 20px;
  padding: 0 6px;
  border-radius: 0 !important;
  color: #ccc;
  text-align: left;
  font-size: 1.1em;
  font-family: Arial;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}

.boxInfoContent .boxPickup .slick-dots .slick-active button {
  color: #1570a6;
  border-bottom: none;
}

.boxInfoContent .boxPickup .slick-dots li button:before {
  display: none;
}



/*  各施設共通
----------------------------------- */
/* タイトル */
.boxSection {
  display: block;
  padding: 0 40px;
}

.boxSection strong {
  font-weight: bold;
}

.boxMainTitle {
  margin-bottom: 32px;
  padding: 28px 20px 23px 20px;
  border-bottom: 2px solid #111;
}

.boxMainTitle h1 {
  float: left;
  width: 550px;
  font-size: 24px;
}

.boxContentsHead {
  margin: 0 auto 16px;
  padding: 6px 0;
  border-bottom: 1px solid #ccc;
}

.boxContentsHead h2 {
  padding: 0 8px;
  border-left: 7px solid #333;
  font-size: 18px;
}

.boxContentsBody {
  margin: 0 auto 50px;
  padding: 6px 0;
}

/* 下層ページ内　タイトル(一覧表示ボタン) */
.boxContentsInfo {
  margin-top: 30px;
  padding: 30px 0 80px;
  border-top: 1px solid #ddd;
}

.boxContentsInfo .boxInfoHead .ttlInfo {
  float: left;
  display: inline-block;
  margin-bottom: 18px;
  font-size: 18px;
}

.boxContentsInfo .boxInfoHead .btnLink a {
  float: right;
  display: inline-block;
  position: relative;
  padding: 4px 20px 4px 32px;
  border-radius: 2px;
  border: 1px solid #1570a6;
  background: #fff;
  font-size: 0.85em;
  text-align: center;
  line-height: 1.6em;
  vertical-align: middle;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}

.boxContentsInfo .boxInfoHead .btnLink a::before,
.boxContentsInfo .boxInfoHead .btnLink a::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.boxContentsInfo .boxInfoHead .btnLink a::before{
left: 20px;
box-sizing: border-box;
width: 6px;
height: 6px;
border: 6px solid transparent;
border-left: 6px solid #1570a6;
}
.boxContentsInfo .boxInfoHead .btnLink a::after{
left: 16px;
width: 8px;
height: 6px;
border-left: 4px solid #1570a6;
}
.boxContentsInfo .boxInfoHead .btnLink a:hover {
  opacity: 0.6;
}

/* 各施設 下層内お知らせ */
.boxContentsInfo .boxNewsList {
  font-weight: bold;
}

.boxContentsInfo .boxNewsList li {
  overflow: hidden;
  padding: 12px 5px;
  border-bottom: 1px dotted #2d487e;
}

.boxContentsInfo .boxNewsList li dt {
  float: left;
  width: auto;
  font-weight: normal;
  letter-spacing: 0;
}

.boxContentsInfo .boxNewsList li dd {
  margin-left: 0;
  padding-left: 18px;
  font-weight: normal;
}

.boxContentsInfo .boxNewsList li dd .name {
  color: #666;
}

.boxContentsInfo .boxNewsList li a:hover {
  opacity: 0.6;
}

/*  お知らせ 
----------------------------------- */
/* ----- お知らせ一覧 ----- */
/* ページング */
.paging {
  margin:3em 0 1em 0;
  text-align: center;
}

.paging a,
.paging span.current_page {
  display: inline-block;
  color: #2181a6;
  text-align: center;
  line-height: 2em;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
  border: 1px solid #2181a6;
}

.paging span.current_page,
.paging a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #2181a6;
}

.paging a.link_page,
.paging span.current_page {
  width: 2em;
}



.paging a.link_before,
.paging a.link_next {
  width: 10em;
}

.paging a.link_before,
.paging a.link_next_year {
  width: 12em;
}

.paging a.link_before {
  margin-right: 3px;
}

.paging a.link_next {
  margin-left: 3px;
}

/*ページング　年*/
.paging a,
.paging span.current_page_year {
  display: inline-block;
  color: #2181a6;
  text-align: center;
  line-height: 2em;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
  border: 1px solid #2181a6;
}

.paging span.current_page_year,
.paging a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #2181a6;
}

.paging a.link_page_year,
.paging span.current_page_year {
  width: 4em;
}



/* ----- お知らせ詳細 ----- */
.boxNewsDetail {
  padding: 0 20px;
}

.boxNewsDetailHead {
  padding: 0 0 30px;
  border-bottom: 1px dotted #333;
}

.boxNewsDetailHead h2 {
  font-size: 18px;
  font-weight: bold;
}

.boxNewsDetailContent {
  margin-bottom: 100px;
  padding-top: 50px;
}

.boxNewsDetailContent p {
  margin-bottom: 22px;
}

.boxNewsDetailContent .boxImg {
  margin: 50px 0;
  text-align: center;
}

.boxNewsDetailContent .boxImg img {
  max-width: 80%;
}


/* ページング */
.paging a.link_back {
  padding: 3px 14px;
  border-radius: 2px;
  font-size: 12px;
}



/*  イベントカレンダー
----------------------------------- */
.contentCalendar .boxSection {
  padding: 0;
}

.boxCalendarHead {
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 4px;
  text-align: center;
 /*border-bottom: 1px dotted #333;*/
}

/* 年月 */
.boxCalendarHead h2 {
  margin-bottom: 14px;
}

.boxCalendarHead h2 span {
  font-size: 36px;
  font-weight: bold;
  color: #ddd;
}

/* Prev Next */
.boxCalendarHead .prevnext {
  margin: -43px 0 15px;
}

.boxCalendarHead .prevnext li {
  display: inline-block;
  position: relative;
  font-size: 12px;
}

.boxCalendarHead .prevnext li span {
  padding: 6px 13px;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.boxCalendarHead .prevnext li:first-child {
  margin-right: 150px;
}

.boxCalendarHead .prevnext li a {
  padding: 2px 8px;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  text-decoration: none;
}

.boxCalendarHead .prevnext li a:hover {
  color: #fff !important;
}

.boxCalendarHead .prevnext li.prev a {
  padding-left: 21px;
}

.boxCalendarHead .prevnext li.next a {
  padding-right: 21px;
}

.boxCalendarHead .prevnext li.prev a::before,
.boxCalendarHead .prevnext li.next a::after {
  position: absolute;
  top: -1px;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.boxCalendarHead .prevnext li.prev a::before {
  left: 8px;
  border-bottom: 3px solid #ddd;
  border-left: 3px solid #ddd;
}

.boxCalendarHead .prevnext li.next a::after {
  right: 8px;
  border-top: 3px solid #ddd;
  border-right: 3px solid #ddd;
}

.boxCalendarHead .prevnext li a:hover::before,
.boxCalendarHead .prevnext li a:hover::after {
  border-color: #fff !important;
}

.boxCalendarHead .calendarList {
  margin-bottom: 16px;
}

.boxCalendarHead .calendarList li {
  display: inline-block;
  position: relative;
  width: 162px;
  border-radius: 2px;
  background-color: #c6c3ab;
}

.boxCalendarHead .calendarList li a {
  display: block;
  padding: 4px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}

.boxCalendarHead .calendarList li.crnt::after {
  content: "";
  position: absolute;
  bottom: -6px; left: 50%;
  margin-left: -7px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #ddd transparent transparent transparent;
}

.boxCalendarHead p {
  margin-bottom: 10px;
  font-size: 12px;
}

.boxCalendarBody {
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
  font-size: 0.9em;
}

.boxCalendarBody p.att {
  margin-bottom: 8px;
}

.boxCalendarBody p.att::before {
  content: "■";
  position: relative;
  top: 3px;
  color: #f4d5d3;
  font-size: 24px;
}

.boxCalendarBody table {
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  line-height: 1.4em;
}

.boxCalendarBody table td {
  padding: 14px 6px;
  border: 1px solid #ccc;
  text-align: center;
}

.boxCalendarBody table td a {
  display: inline;
  font-weight: bold;
}

.boxCalendarBody table td:nth-of-type(3) {
  padding: 14px 10px;
  text-align: left;
}

.boxCalendarBody table th {
  padding: 14px 0;
  border: 1px solid #ccc;
  text-align: center;
}

.boxCalendarBody table thead th {
  background:#eee;
  border-bottom: none;
  font-weight: bold;
}

.boxCalendarBody table tbody th.sat {
  color: #348594;
}

.boxCalendarBody table tbody th.sun {
  color: #d61918;
}

.boxCalendarBody table tbody tr:first-child th,
.boxCalendarBody table tbody tr:first-child td {
  border-top: none;
}

/*時間・会場セルを結合した各施設用*/
.boxCalendarBody_facility {
  max-width: 840px;　
  width: 100%;
  margin: 0 auto;
  font-size: 0.9em;
}

.boxCalendarBody_facility p.att {
  margin-bottom: 8px;
}

.boxCalendarBody_facility p.att::before {
  content: "■";
  position: relative;
  top: 3px;
  color: #f4d5d3;
  font-size: 24px;
}

.boxCalendarBody_facility table {
  max-width: 840px;
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  line-height: 1.4em;
}

.boxCalendarBody_facility table td {
  padding: 14px 6px;
  border: 1px solid #ccc;
  text-align: center;
}

.boxCalendarBody_facility table td a {
  display: inline;
  font-weight: bold;
}

.boxCalendarBody_facility table td:nth-of-type(2) {
  padding: 14px 10px;
  text-align: left;
}

.boxCalendarBody_facility table th {
  padding: 14px 0;
  border: 1px solid #ccc;
  text-align: center;
}

.boxCalendarBody_facility table thead th {
  background:#eee;
  border-bottom: none;
  font-weight: bold;
}

.boxCalendarBody_facility table tbody th.sat {
  color: #348594;
}

.boxCalendarBody_facility table tbody th.sun {
  color: #d61918;
}

.boxCalendarBody_facility table tbody th.holiday {
  color: #d61918;
}

.boxCalendarBody table tbody th.holiday {
  color: #d61918;
}

.boxCalendarBody_facility table tbody tr:first-child th,
.boxCalendarBody_facility table tbody tr:first-child td {
  border-top: none;
}

.boxCalendarBody_facility table .organize span {
  padding: 3px 5px 2px;
  background: #c8b410;
  line-height: 1.8;
  color: #fff;
  border-radius: 2px;
}

/* ホールカレンダー施設別色分け */
body#hall .boxCalendarBody table tr.main {
  background: #fef3f3;
}

body#hall .boxCalendarBody table tr.sub {
  background: #f3f5fe;
}

body#hall .boxCalendarBody table tr.gallery {
  background: #fefcf3;
}

body#hall .boxCalendarBody table tr.multi {
  background: #fe2cf3;
}

/*  イベント
---------------------------------------------*/

/*--------  メイン  --------*/

/* イベント詳細 */

.contentEvent #eventIntro .introWrap dl {
  float: left;
  width: 210px;
  text-align: center;
}

.contentEvent #eventIntro .introWrap dl img {
  max-width: 210px;
  height: auto;
}

.contentEvent #eventIntro .introWrap dl dd {
  font-size: 0.88em;
  padding-top: 0.25em;
}

.contentEvent #eventIntro .introWrap .introSummary {
  float: right;
  width: 550px;
}

.introSummary span.eventIcon,
.boxNewsList span.eventIcon{
  display: inline-block;
  margin-bottom: 8px;
  padding: 2px 1em 0;
  color: #fff;
  font-size: 0.81em;
  line-height: 1.8em;
  border-radius: 4px;
}

.introSummary span.hostIcon,
.boxNewsList span.hostIcon{
  background-color: #c8b410;
}

.introSummary h2 {
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 1.38em;
  line-height: 1.6em;
}

.introSummary p.introCopy {
  margin-bottom: 0.75em;
}

p.btnEvent {
  margin-top: 2em;
}

p.btnEvent a {
  position: relative;
  color: #fff !important;
  background-color: #333;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}

p.btnBuyTicket a {
  padding: 8px 3em;
}

p.btnDetail a {
  padding: 4px 2em 4px 1em;
}

p.btnEvent a:hover {
  opacity: 0.6;
  text-decoration: none !important;
}

p.btnEvent a::after{ 
  display: block;
  content: '';
  position: absolute;
  top: 42%;
  right: 1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.contentEvent #eventData {
  margin-top: 40px;
}

.contentEvent table.eventDetailData {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

#eventData table.eventDetailData tr { /* DetailPage */
  border-bottom: 1px dotted #999;
}

.contentEvent table.eventDetailData tr:last-child {
  border-bottom: none;
}

.contentEvent table.eventDetailData th,
.contentEvent table.eventDetailData td {
  vertical-align: top;
  font-weight: normal;
  text-align: left;
}

#eventData table.eventDetailData th { /* DetailPage */
  padding: 20px 0 10px 0;
}

#eventData table.eventDetailData td { /* DetailPage */
  padding: 25px 0 10px 0;
}

.eventListData table.eventDetailData th { /* ListPage */
  padding: 0 0 5px 0;
}

.eventListData table.eventDetailData td { /* ListPage */
  padding: 3px 0 5px 10px;
}

.contentEvent table.eventDetailData td em {
  margin: 0 2px 0 4px;
  font-weight: bold;
  font-size: 1.81em;
}

.contentEvent table.eventDetailData td span.eventOpen {
  margin-left: 2em;
}

.contentEvent table.eventDetailData th {
  width: 9em;
}

.contentEvent table.eventDetailData th span {
  display: inline-block;
  width: 7.5em;
  margin-bottom: 8px;
  padding: 4px 0.3em 2px;
  color: #fff;
  text-align: center;
  line-height: 1.8em;
  border-radius: 4px;
  background-color: #beb993;
}

/* イベント一覧 */

/*
.contentEvent .boxMainTitle h1 {
  float: left;
  width: 550px;
}
*/

.contentEvent .boxMainTitle p.btnLineup {
  float: right;
  width: 264px;
  text-align: right;
}

p.btnLineup {
  margin-top: -0.25em;}

p.btnLineup a {
  position: relative;
  padding: 6px 1.5em 6px 1em;
  color: #fff !important;
  background: #6dcacb;
  background: -moz-linear-gradient(top,  #6dcacb 0%, #52b9ba 100%);
  background: -webkit-linear-gradient(top,  #6dcacb 0%,#52b9ba 100%);
  background: linear-gradient(to bottom,  #6dcacb 0%,#52b9ba 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dcacb', endColorstr='#52b9ba',GradientType=0 );
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
}

p.btnLineup a:hover {
  opacity: 0.6;
  text-decoration: none !important;
}

p.btnLineup a::after{ 
  display: block;
  content: '';
  position: absolute;
  top: 42%;
  right: 1em;
  width: 6px;
  height: 6px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.contentEvent .eventListData {
  margin-bottom: 25px;
}

.contentEvent .eventListData .introWrap {
  padding-bottom: 25px;
  border-bottom: 1px dotted #999;
}

.contentEvent .eventListData .introWrap dl {
  float: left;
  width: 180px;
  text-align: center;
}

.contentEvent .eventListData .boxListPdf {
  float: left;
}

.contentEvent .eventListData .boxListPdf img {
  max-width: 180px;
  height: auto;
}

.contentEvent .eventListData .introWrap dl dd {
  font-size: 0.88em;
  padding-top: 0.25em;
}

.contentEvent .eventListData .introWrap .introSummary {
  float: right;
  width: 580px;
}

.boxListTitle {
  margin-bottom: 1em;
}

.boxListTitle h2 {
  float: left;
  width: 478px;
}

.boxListTitle h2 a {
  text-decoration: underline;
}

.boxListTitle h2 a:hover {
  text-decoration: none !important;
}

.boxListTitle p.btnEvent {
  float: right;
  margin-top: 0.25em;
}


/*  施設紹介
------------------------------- */

/* -------- フロア一覧 -------- */

.boxFacilityList {
  margin-bottom: 80px;
}

.boxFacilityList > ul > li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 0 20px;
  vertical-align: top;
}

.boxFacilityList li h2 {
  display: block;
  margin-bottom: 10px;
  padding-left: 0.5em;
  border-left: 7px solid #111;
  font-size: 1.3em;
}

.boxFacilityList .imgFloor {
  margin-bottom: 15px;
  text-align: center;
}

.boxFacilityList .imgFloor img {
  width: 100%;
}

.boxFacilityList .txtFloor {
  margin-bottom: 26px;
  padding: 0 5px;
  line-height: 1.8em;
}

.boxFacilityList .floorDetail {
  margin-bottom: 26px;
}

.boxFacilityList .floorDetail dt {
  float: left;
  width: 64px;
  margin-bottom: 4px;
}

.boxFacilityList .floorDetail dd {
  padding-left: 70px;
  margin-bottom: 8px;
}


/* -- Two Column -- */
.boxFacilityList .boxTwoColumn {
  width: 800px;
  margin: 0 auto;
}

.boxFacilityList .boxTwoColumn > li {
  width: 386px;
  border: 1px solid #ccc;
  padding: 20px 18px;
}

.boxFacilityList .boxTwoColumn > li:nth-child(even) {
  margin-left: 20px;
}

/* -- Three Column -- */
.boxFacilityList .boxThreeColumn {
  margin-left: -2px;
}

.boxFacilityList .boxThreeColumn li {
  margin-left: 2px;
}


/* -------- //第2フェーズ -------- */

/*トップビジュアル右クリック禁止（190123 hallのみ）*/
.disabled {
  pointer-events: none;
}