@charset "utf-8";

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

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

　　共通モジュール設定

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


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

#container {
}


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

#header {
}


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

#content {
}

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

.lt670 #side dl {
  position: relative;
}

.lt670 #side dl dt {
  height: 80px;
  color: #fff;
  line-height: 80px;
  border-radius: 4px;
}

.lt670 #side dl dt span {
  display: block;
  background-size: 30px auto;

}

.lt670 #side dl dt.btn-acc {
  display: block;
  cursor: pointer;
}

.lt670  #side dl dd {
  position: absolute;
  width: 100%;
  z-index: 100;
  margin-top: -2px;
  display: none;
  background: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#side dl dd ul#boxSideNav li a {
  padding: 1em 0.5em 1em 16px;
}

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

.btnLinkLarge {
}

.btnLinkLarge a {
  display: block;
  width: 300px;
  margin-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
}

.btnLinkLargeBlu {
}

.btnLinkLargeBlu a {
  width: 100%;
  min-width: 0;
  padding-right: 20px;
  padding-left: 20px;
}

/* 矢印付きボタン */
.btnLinkLarge.icnArw a {
  padding-right: 20px;
  padding-left: 20px;
}

.btnLinkSmall a {
  display: block;
  width: 300px;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 14px;
}

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

.boxBreadcrumb {
  display: none;
}


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

.boxCategoryTitle {
  padding: 20px 0 15px;
}

.boxCategoryTitle .ttlMain {
  padding: 10px 0 0;
  font-size: 1.45em;
}

.boxCategoryTitle .ttlMain span {
  padding: 0 5px 10px;
}

/* 施設アイコン */
.boxCategoryTitle.bgShisetsuIcon {
  padding: 20px 0 5px;
}

.boxCategoryTitle.bgShisetsuIcon .ttlMain {
  min-width: 90px;
  min-height: 0;
  padding: 105px 0 0;
  background-position: top center;
  background-size: 90px;
  font-size: 1.5em;
}

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


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

.boxNews {
}

.boxSection .boxNews {
  padding-top: 10px;
  padding-bottom: 60px;
}

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

.boxNewsList li dt {
  display: inline;
  float: none;
  width: auto;
}

.boxNewsList li dd {
  display: inline;
  margin: 0;
}

.boxNewsList .icnCate {
  display: inline-block;
  float: none;
  margin-left: 5px;
  vertical-align: top;
}

.boxNewsList .txtNews {
  display: block;
  margin: 0;
  padding-top: 5px;
  line-height: 1.6em;
}

/* -- ニュース詳細ページ -- */
.boxNewsPicC { width:100%; }
dl.boxNewsPicR dt { float:none; width:100%; padding-bottom:20px; }
dl.boxNewsPicR dd { float:none; width:100%; }

dl.boxNewsPicL dt { float:none; width:100%; padding-bottom:20px; }
dl.boxNewsPicL dd { float:none; width:100%; }


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

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

.boxCatch {
}

.boxSection .boxCatch {
  padding-bottom: 40px;
}

.boxCatch .txtCatch {
  margin-bottom: 20px;
  font-size: 0.95em;
  letter-spacing: 0;
}

.boxCatch .imgCatch img {
  width: 100%;
  margin-left: 0;
  margin-bottom: 10px;
}

.boxCatch .imgCatch img:last-child {
  margin-bottom: 0;
}

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

.boxFloorList {
}

.boxSection .boxFloorList {
  padding-top: 30px;
  padding-bottom: 10px;
}

.boxFloorList ul {
  display: block;
}

.boxFloorList li {
  display: block;
  width: auto;
  margin-bottom: 30px;
}

.boxFloorList .boxTwoColumn,
.boxFloorList .boxThreeColumn {
  width: auto;
}

.boxFloorList .boxTwoColumn li,
.boxFloorList .boxThreeColumn li {
  margin-left: 0;
}

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

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

.boxFloorList li dd {
}

.boxFloorList .imgFloor {
  text-align: center;
}

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

.boxFloorList .txtFloor {
}

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

.boxInfo {
}

.boxSection .boxInfo {
  padding-top: 30px;
  padding-bottom: 30px;
}

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

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

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

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

#footer {
}



/* ------------ ▼第2フェーズ ------------ */
/*  基本施設色分け
-------------------------- */

/*  サイド
----------------------------------- */
#hall #side dl dt.btn-acc {background: #d61918 url(../img/content/btn-open.png) 96% center no-repeat;}
#hall #side dl dt.active {background: #d61918 url(../img/content/btn-close.png) 96% center no-repeat;}

#library #side dl dt.btn-acc {background: #0f2dc8 url(../img/content/btn-open.png) 96% center no-repeat;}
#library #side dl dt.active {background: #0f2dc8 url(../img/content/btn-close.png) 96% center no-repeat;}

#learning #side dl dt.btn-acc {background: #00994a url(../img/content/btn-open.png) 96% center no-repeat;}
#learning #side dl dt.active {background: #00994a url(../img/content/btn-close.png) 96% center no-repeat;}

#plaza #side dl dt.btn-acc {background: #fac300 url(../img/content/btn-open.png) 96% center no-repeat;}
#plaza #side dl dt.active {background: #fac300 url(../img/content/btn-close.png) 96% center no-repeat;}

/*  コンテンツ 設定
---------------------------------------------*/
#contentTwoColumn {
  background: none;
}

/*  .サイド 
----------------------------------- */
#side dl dd ul#boxSideNav li ul li a {
  padding: 0 0 1em 0.8em;
}

.boxSideBnr {
  margin-bottom: 14px;
  padding: 0.75em 1.5em 0.25em 1em;
}

.boxSideBnr li a {
  padding: 6px 0;
}

/* トップページ */
#top #side {
  width: 100%;
  padding: 0;
}

#top .boxSideBnr {
  padding: 20px 0;
}

#top .boxSideBnr li a {
  padding: 12px 0 12px 60px;
}

/*  .トップページ
----------------------------------- */

/* ---- お知らせ ---- */
.boxTopInfoContent .boxNewsList li dt {
  display: inline;
  float: none;
  width: auto;
}

.boxTopInfoContent .boxNewsList li dd {
  display: inline;
  margin: 0;
}
.boxTopInfoContent .boxNewsList li dd p.txtNewsLabel {
  display: inline-block;
  float: none;
}

.boxTopInfoContent .boxNewsList li dd p.txtNews {
  display: block;
  margin: 6px 0 0;
}

/*  .共通サイト
----------------------------------- */
#contentWide .boxCommonContent {
  margin-bottom: 40px;
  padding-top: 20px;
  background: #fff;
}

.boxTopContent {
  padding-right: 0;
}

.boxTopInfo {
  padding: 0 0 40px;
}

#pickup2 .boxTopInfo {
  padding: 0;
}


/*  カテゴリートップ
----------------------------------- */
.boxCategoryHead .txtCategoryTop {
  text-align: left;
}

.boxCategoryContent .boxInfo {
  padding: 0 0 40px;
}

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

.boxCategoryContent .boxInfo .boxInfoHead .btnLink a {
  padding: 8px 20px 8px 32px;
}

/* ---- お知らせ ---- */


/* ---- おすすめイベント ---- */

/*
.boxCategoryContent .boxPickup .bx-wrapper {
  width: 300px;
}

.boxCategoryContent .boxPickupList li {
  width: 300px !important;
}

.boxCategoryContent .boxPickupList .imgPickup img {
  width: 300px;
}

.boxCategoryContent .boxPickup .bx-controls-direction a {
  width: 60px;
  height: 100px;
}

*/

.boxInfoContent .boxPickup .bx-pager {
  margin-bottom: -30px
}

.boxCategoryContent .boxPickup .bx-controls-direction a.bx-prev {
  left: -40px;
}

.boxCategoryContent .boxPickup .bx-controls-direction a.bx-next {
  right: -40px;
}

.boxCategoryContent .boxPickup .bx-controls-direction a.bx-prev::before,
.boxCategoryContent .boxPickup .bx-controls-direction a.bx-next::before {
width: 18px;
height: 18px;
}

.boxCategoryContent .boxPickup .bx-controls-direction a.bx-prev::before {
left: 18px;
}

.boxCategoryContent .boxPickup .bx-controls-direction a.bx-next::before {
left: 21px;
}

.boxCategoryContent .boxPickup .bx-pager-item a,
.boxCategoryContent .boxPickup .bx-pager-item a.active {
  font-size: 22px;
  margin-bottom: 10px
}

/*プロジェクトアーカイブ追加*/  
 .boxInfoContent .boxPickupList li.imgProject img {
  height: auto;
}

/* 
#pickup1 .boxPickupList li {margin:20px; text-align: center;}
  
#pickup1 div.txtPickup dl dt,
#pickup1 div.txtPickup dl dd {text-align: left;}
*/

/*endプロジェクトアーカイブ*/
  
  
/*
.boxCategoryContent .boxPickup .bx-pager-item a,
.boxCategoryContent .boxPickup .bx-pager-item a.active {
  padding: 14px 10px;
}
*/


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

.boxInfoContent .boxPickupList {
  margin-top: 20px;
  margin-right: -8px;
}

.boxInfoContent .boxPickupList > li,
.boxInfoContent .boxPickupList .slick-track > li {
  width: 100%;
}

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

.boxInfoContent .boxPickupList .imgPickup img {
  width: 100% !important;
}

/* -- Prev,Next -- */

.boxInfoContent .boxPickup .slick-prev,
.boxInfoContent .boxPickup .slick-next {
  top: 50%;
  width: 25px;
  height: 55px;
  margin-top: -20px;
}

.boxInfoContent .boxPickup .slick-prev {
  left: 0;
}

.boxInfoContent .boxPickup .slick-next {
  right: 0;
}

.boxInfoContent .boxPickup .slick-prev:before,
.boxInfoContent .boxPickup .slick-next:before {
  width: 8px;
  height: 8px;
}

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

.boxInfoContent .boxPickup .slick-next:before {
  left: 6px;
}

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

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

.boxInfoContent .boxPickup .slick-dots {
}

.boxInfoContent .boxPickup .slick-dots li {
  margin: 0 5px 10px !important;
  font-size: 1.15em;
}

.boxInfoContent .boxPickup .slick-dots li button {
  min-width: 18px;
  min-height: 22px;
  padding: 0 5px;
}


/*  下層共通
----------------------------------- */
.boxSection {
  display: block;
  padding: 0;
}

.boxMainTitle {
  margin-bottom: 30px;
  padding: 1em 0 8px 0;
  border-bottom: 2px solid #333;
}

.boxMainTitle h1 {
  width: 100%;
  font-size: 1.31em;
}

.boxContentsHead {
  padding: 6px 0;
}

.boxContentsBody {
  margin-bottom: 30px;
  padding: 6px 0;
}

/*  イベントカレンダー
-------------------------- */
/* 年月 */
.boxCalendarHead h2 {
  font-size: 20px;
}

.boxCalendarHead h2 span {
  font-size: 46px;
}

/* Prev Next */
.boxCalendarHead .prevnext {
  margin: 0 0 20px;
}

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

.boxCalendarHead .prevnext li span {
  padding: 10px 20px;
  font-size: 16px;
}

.boxCalendarHead .prevnext li a {
  padding: 8px 18px;
  font-size: 16px;
}

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

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

.boxCalendarHead .prevnext li.prev a::before {
  left: 11px;
}

.boxCalendarHead .prevnext li.next a::after {
  right: 11px;
}

.boxCalendarHead .calendarList li {
  width: auto;
  margin: 0 4px 8px 0;
}

.boxCalendarHead .calendarList li a {
  padding: 8px 18px;
}

.boxCalendarHead .calendarList li.crnt::after {
  border: none;
}
.boxCalendarHead p {
  text-align: left;
}

.boxCalendarBody table thead {
  display: none;
}

.boxCalendarBody table tbody {
  display: block;
}

.boxCalendarBody table tr {
  display: block;
  margin-bottom: 1.5em;
}

.boxCalendarBody table th,
.boxCalendarBody table td {
  display: list-item;
  border: none;
}

.boxCalendarBody table th {
  width: 100%;
  margin-bottom: 5px;
  list-style-type: none;
  color: #333;
  background: #ddd;
}

.boxCalendarBody table td {
  display: block;
  padding: 3px 0;
  list-style-type: none;
  text-align: left;
  padding-left: 70px;
  text-indent: -70px;
}

.boxCalendarBody table td::before {
  display: inline-block;
  width: 64px;
  margin-right: 4px;
  padding: 2px 0;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 11px;
  padding-left: 0;
  text-indent: 0;

}

/* 時間会場が別れている場合
.boxCalendarBody table td:nth-of-type(1)::before { content: "時間"; }
.boxCalendarBody table td:nth-of-type(2)::before { content: "会場"; }
.boxCalendarBody table td:nth-of-type(3)::before { content: "イベント名"; }
.boxCalendarBody table td:nth-of-type(4)::before { content: "料金"; }
.boxCalendarBody table td:nth-of-type(5)::before { content: "お問合せ"; }
*/

/*時間会場が一緒になった新しいバージョン*/
.boxCalendarBody table td:nth-of-type(1)::before { content: "時間・会場"; }
.boxCalendarBody table td:nth-of-type(2)::before { content: "イベント名"; }
.boxCalendarBody table td:nth-of-type(3)::before { content: "料金"; }
.boxCalendarBody table td:nth-of-type(4)::before { content: "お問合せ"; }

.boxCalendarBody table td:nth-of-type(3) {
  width: 100%;
  padding: 3px 0;
  padding-left: 70px;
  text-indent: -70px;
}

.boxCalendarBody table tr.organize {
  background: none;
}

.boxCalendarBody table tr.organize th {
  background: #ffc7c7;
}

/*時間・会場セルを結合した各施設用*/
.boxCalendarBody_facility table thead {
  display: none;
}

.boxCalendarBody_facility table tbody {
  display: block;
}

.boxCalendarBody_facility table tr {
  display: block;
  margin-bottom: 1.5em;
}

.boxCalendarBody_facility table th,
.boxCalendarBody_facility table td {
  display: list-item;
  border: none;
}

.boxCalendarBody_facility table th {
  width: 100%;
  margin-bottom: 5px;
  list-style-type: none;
  color: #333;
  background: #ddd;
}

.boxCalendarBody_facility table td {
  display: block;
  padding: 3px 0;
  list-style-type: none;
  text-align: left;
  padding-left: 70px;
  text-indent: -70px;
}

.boxCalendarBody_facility table td::before {
  display: inline-block;
  width: 64px;
  margin-right: 4px;
  padding: 2px 0;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 11px;
  padding-left: 0;
  text-indent: 0;

}

.boxCalendarBody_facility table td:nth-of-type(1)::before { content: "時間・会場"; }
.boxCalendarBody_facility table td:nth-of-type(2)::before { content: "イベント名"; }
.boxCalendarBody_facility table td:nth-of-type(3)::before { content: "料金"; }
.boxCalendarBody_facility table td:nth-of-type(4)::before { content: "お問合せ"; }

.boxCalendarBody_facility table td:nth-of-type(2) {
  width: 100%;
  padding: 3px 0;
  padding-left: 70px;
  text-indent: -70px;
}

.boxCalendarBody_facility table tr.organize {
  background: none;
}



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

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



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

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

/* イベント詳細 */

.contentEvent #eventIntro .introWrap dl {
  float: none;
  width: 100%;
}

.contentEvent #eventIntro .introWrap .introSummary {
  float: none;
  width: 100%;
  margin-bottom: 1.5em;
}

p.btnBuyTicket {
  text-align: center;
}

p.btnBuyTicket a {
  padding: 12px 5em;
}

#eventData table.eventDetailData tr {
  border-bottom: none;
}

#eventData table.eventDetailData th,
#eventData table.eventDetailData td {
  display: block;
  width: 100%;
  padding: 0;
}

#eventData table.eventDetailData td {
  padding: 0 0 1.5em 0;
}


.contentEvent table.eventDetailData td span.eventOpen {
  display: block;
  margin-left: 0;
}

.eventListData table.eventDetailData th {
  width: 7em;
}

#eventData table.eventDetailData th span {
  padding: 2px 0.3em 0;
}

.eventListData table.eventDetailData th span {
  /*width: 6em;*/
  font-size: 0.91em;
  padding: 2px 0.1em 0;
}

/* イベント一覧 */

/*.contentEvent .boxMainTitle h1 {
  width: 40%;
}*/

.contentEvent .boxMainTitle p.btnLineup {
  width: 60%;
}

p.btnLineup a {
  z-index: 1;
  padding: 6px 1.2em 6px 0.75em;
  font-size: 0.81em;
  letter-spacing: 0;
  text-align: center;
}

.contentEvent .eventListData {
  padding-top: 0;
  margin-bottom: 40px;
}

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

.contentEvent .eventListData .introWrap div.boxListPdf {
  float: none;
  width: 100%;
  margin-bottom: 1.5em;
  text-align: center;
}

.contentEvent .eventListData .introWrap .introSummary {
  float: none;
  width: 100%;
}

.boxListTitle h2 {
  float: none;
  width: 100%;
  font-size: 1.15em;
}

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

p.btnDetail {
  text-align: center;
}

p.btnDetail a {
  width: 100%;
  margin-bottom: 1em;
  padding: 4px 3em 4px 3em;
}


/*  施設紹介
----------------------------------- */
.boxFacilityList ul {
  display: block;
}

.boxFacilityList > ul > li {
  display: block;
  width: auto;
  margin-bottom: 50px;
}

.boxFacilityList .boxTwoColumn,
.boxFacilityList .boxThreeColumn {
  width: auto;
}

.boxFacilityList .boxTwoColumn li {
  width: auto;
  padding: 0;
  border: none;
}

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

.boxFacilityList li dl {
  font-size: 0.95em;
}

.boxFacilityList li dt {
  font-size: 1.05em;
}

.boxFacilityList li dd {
}

.boxFacilityList .imgFloor {
  text-align: center;
}

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

.boxFacilityList .txtFloor {
/*   padding-top: 10px; */
  color: #333;
  font-weight: normal;
}


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

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

}



}