/* ---------------------------------------------------------------- default ----------------------------------------------------------------- */ @page { margin: 2em; } body{ border: 0; box-sizing: border-box; list-style: none; padding: 0 0 0 0; margin: 0 0 0 0; display: block; letter-spacing:0.05em; background: url("../img/common/bg02.png") right 200px no-repeat; } *{ -webkit-print-color-adjust: exact; font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:100%;} h1,h2,h3,h4,h5,h6,p,div,ul,ol,dl,li,dt,dd,img,form,fieldset,a{margin:0;padding:0; border:0; box-sizing: border-box;} table,td,th{box-sizing: border-box;} ul,ol,dl{list-style:none;} img { } a { color: #000; text-decoration: none;font-weight: bold;} a:hover{ color:#999;} a img:hover{ opacity:0.5;filter: alpha(opacity=50) ;} input,textarea,select{ border:1px solid #ddd; padding:5px; margin-right:5px;} .txt_left{ text-align:left !important;} .txt_center{ text-align:center !important;} .txt_right{ text-align:right !important;} #wrapper { min-width:780px; } .nowrap { white-space:nowrap;} /* ---------------------------------------------------------------- ヘッダー ----------------------------------------------------------------- */ #headerarea { width: 100%; margin: auto;margin-bottom;50px; } #headerarea #header {display: none;} #headerarea #gnavi{ display: none;} #headerarea h2{ margin: auto; text-align: center; padding: 15px;background-color:#fff;z-index: 9999;} .fixed { } #headerarea .header-logo a{font-size: 28px; letter-spacing: 6px; font-weight: 500;} #headerarea .header-logo img{width:auto;height:42px; padding-right: 8px; vertical-align: middle;} /* ---------------------------------------------------------------- メインコンテナとレフトナビ ----------------------------------------------------------------- */ #contents_area{ width: 780px; margin: auto; justify-content: space-between; } #container{ width: 780px; margin: 0px 0; padding: 10px 0; float:right;} #contents_area:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden;} #leftnavi{ display:none;} /* ---------------------------------------------------------------- フッター ---------------------------------------------------------------- */ #footer{ display:none;} /* 文化会館ごとの設定 */ /* 東部文化会館 */ .area_toubu #headerarea h2{ border-bottom: 10px solid #ffb724} .area_toubu #leftnavi dt{ border-left:5px solid #ffb724;} /* 呉竹文化センター */ .area_kuretake #headerarea h2{ border-bottom: 10px solid #6eae24} .area_kuretake #leftnavi dt{ border-left:5px solid #6eae24;} /* 西文化会館ウエスティ */ .area_westy #headerarea h2{ border-bottom: 10px solid #4199ad} .area_westy #leftnavi dt{ border-left:5px solid #4199ad;} /* 北文化会館 */ .area_kita #headerarea h2{ border-bottom: 10px solid #542bad} .area_kita #leftnavi dt{ border-left:5px solid #542bad;} /* 右京ふれあい会館 */ .area_ukyo #headerarea h2{ border-bottom: 10px solid #d53a66} .area_ukyo #leftnavi dt{ border-left:5px solid #d53a66;} /* ---------------------------------------------------------------- 下層共通 ----------------------------------------------------------------- */ .sp { display: none!important;} /*-----パンクズ-----*/ #breadcrumb{ padding: 10px 0; border-bottom: 1px solid #ccc; width: 100%; font-size: 14px;letter-spacing: 0;} #breadcrumb a{ background: url("../img/common/icn_arrow.png") right center no-repeat; padding-right: 15px; margin-right: 5px; } /*-----見出し-----*/ #container em{ font-style: normal; font-weight: bold} #container h3{ font-size: 24px; font-weight: bold; padding-left: 15px; line-height: 160%; border-bottom: 1px solid #ccc; margin: 40px 0;} #container h4{ font-size: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 10px;} #container h5{ font-size: 18px; margin:40px 0 20px; } #container h6{ font-size: 16px; font-weight: bold; margin: 40px 0 20px; padding-left: 10px; border-left:5px #ccc solid; line-height: 100%;} #container dt{ font-size: 18px; font-weight: bold; margin-bottom: 10px;} /*-----ボタン リンク関係-----*/ #container .btnarea{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px;} #container .btn{ display: block; background: url("../img/common/icn_arrow.png") 20px center no-repeat; padding-left: 20px; border: 1px solid #ccc; padding: 15px 10px 15px 40px; width: 385px; } #container .pdf{ display: block; background: url("../img/common/icon_pdf.png") 10px center no-repeat; padding-left: 20px; border: 1px solid #ccc; padding: 15px 10px 15px 40px; width: 385px; margin-bottom: 10px; } #container .excel{ display: block; background: url("../img/common/icon_excel.png") 10px center no-repeat; padding-left: 20px; border: 1px solid #ccc; padding: 15px 10px 15px 40px; width: 385px; margin-bottom: 10px; } #container .btnoff{background-color:#ccc;} #container a.btnoff{ color:#666;} #container .link{background: url("../img/common/icn_arrow.png") 10px center no-repeat; padding-left: 20px; display: block; margin-bottom: 10px;} a.textlink{text-decoration: none; padding-bottom: 1px; border-bottom: dotted 2px #999;} a.textlink:hover{text-decoration: none; padding-bottom: 1px; border-bottom: dotted 2px #ccc;} /*-----本文とリスト-----*/ #container .read{ line-height: 160%;} #container .attention li{ font-size: 14px; margin-bottom:5px; line-height: 140%;text-indent: -14px; padding-left: 14px; } /*-----箇条書きボックス-------*/ #container .listbox{ border: 3px solid #eee; padding: 20px; margin-bottom: 40px;} #container .listbox dt{ font-size: 16px; margin-bottom: 10px!important;} #container .listbox dd{ font-size: 15px; margin-bottom: 3px!important; text-indent: -15px; padding-left: 15px;} #container .listbox dd em{ margin: 0!important;padding-left: 15px;} /*-----テーブル-------*/ #contents_application #container table, #contents_access #container table, #contents_price #container table, #contents_calendar #container table, #contents_download #container table{ border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 20px;} #contents_application #container table th, #contents_access #container table th, #contents_price #container table th, #contents_calendar #container table th, #contents_download #container table th{ background: #EEEEEE; padding: 15px; text-align: center; border: 1px solid #ccc;line-height: 120%;} #contents_application #container table td, #contents_access #container table td, #contents_price #container table td, #contents_calendar #container table td, #contents_download #container table td{ padding: 15px;border: 1px solid #ccc;line-height: 120%;} /*-----テーブル見出し幅50％-------*/ #container .timetable th{ width: 50%; line-height: 140%;} #container .timetable td{ text-align: center!important; line-height: 140%;} #container .timetable02 td{text-align: center!important; width: 50%;} /*-----テーブル見出し幅長文-------*/ #container .canceltable th{ text-align: left; line-height: 120%; width: 90%; font-weight: normal;} #container .canceltable td{ text-align: center; } /*-----イベントリスト-------*/ #container #indexlist li{ display: flex; margin-bottom: 10px; } #container #indexlist li a{font-size: 15px; line-height: 140%; } #container #indexlist li .date{ margin-right: 10px;font-size: 15px; line-height: 140%; } span.new{ background: #FFB823; color: #fff; font-size: 12px; font-weight: bold;line-height: 100%; margin: 0 5px 0 0; padding: 2px 5px 2px; } /*-----ページングボタン-------*/ #container #indexlist .paging{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; display: flex; justify-content: center; padding: 20px 0; margin-top: 30px; align-items: center;} #container #indexlist .paging .next{ margin-right: 20px;} #container #indexlist .paging .back{ margin-left: 20px;} #container #indexlist .num{ width: 390px; display: flex; justify-content: space-between; } #container #indexlist .num a {display: block; border: 1px solid #ccc; width: 30px; height: 30px; text-align: center; padding-top: 7px;} /*-----イベント詳細　動的記事-------*/ #container #article * { line-height:normal; } #container #article { font-size:1em; line-height:150% !important; } #container #article li{ padding-bottom: 50px; border-bottom: 1px solid #ccc; margin-bottom: 50px;} #container #article li:first-child{ padding-top: 50px;} #container #article h4{ border-bottom: none;margin-bottom: 0;} #container #article .date{ margin-bottom: 10px;} #container #article img{ margin: 20px auto;} #container #article .read{ margin-bottom: 20px;} /*-----dlのテーブル表レイアウト-------*/ #container .data_list{ display: flex; flex-wrap: wrap; margin-bottom: 40px; } #container .data_list dt{ width: 210px;padding-bottom: 10px!important;margin-bottom: 0px!important;font-size: 15px; } #container .data_list dd{ width: 480px;padding-bottom: 10px!important;;margin-bottom: 0px!important;font-size: 15px; line-height: 140%; } /* ---------------------------------------------------------------- TOP ----------------------------------------------------------------- */ .area_toubu#contents_top{ background: url("../toubu/img/top/bg.jpg") center 20px no-repeat ;} .area_kuretake#contents_top{ background: url("../kuretake/img/top/bg.jpg") center 20px no-repeat ;} .area_westy#contents_top{ background: url("../westy/img/top/bg.jpg") center 20px no-repeat ;} .area_kita#contents_top{ background: url("../kita/img/top/bg.jpg") center 20px no-repeat ;} .area_ukyo#contents_top{ background: url("../ukyo/img/top/bg.jpg") center 20px no-repeat ;} #contents_top #mainimage{ width: 100%;} #contents_top #mainimage h4{ margin: auto;} #contents_top #mainimage .slider-pro{ width: 217px; margin-right: 60px;} #contents_top #mainimage .mainimage_in{ margin:0 auto; display: flex; justify-content: space-between; align-items: center; width: 100%; max-width:1100px; height: 515px; } #contents_top #whatsnew{ width:95%; max-width:1100px; margin: auto;} #contents_top #whatsnew .urgent{ background: #fff; font-weight: bold; display: flex; justify-content; border: 2px solid #000; padding: 20px; font-size: 15px;} #contents_top #whatsnew .urgent p{ margin-left: 15px;} #contents_top #whatsnew .urgent .ttl{ border-right: 1px solid #000; padding-right: 15px;} #contents_top #whatsnew dl{ margin-top: 40px;} #contents_top #whatsnew dt{ display: flex; justify-content: space-between; margin-bottom: 30px;} #contents_top #whatsnew dt .ttl{ font-weight: bold; } #contents_top #whatsnew dt a{background: url("../img/common/icn_arrow.png") 10px center no-repeat; padding-left: 20px; font-size: 13px; } #contents_top #whatsnew dd li{ display: flex; min-height: 25px; font-size: 14px; } #contents_top #whatsnew dd .date{ min-width:100px; width: 100px; border-right: 1px solid #ccc; margin-right: 15px; } #contents_top #whatsnew dd .read{ font-weight: bold;padding-bottom:5px; } #contents_top #pickup{ margin-top: 40px; } #contents_top #pickup .ttl{ margin: auto; color: #fff; font-weight: bold; padding-top: 15px; padding-left:15px; padding-bottom: 15px; position: relative;} #contents_top #pickup .ttl:before { display:block; max-width:1100px; text-align:left; margin:0 auto; content: 'PICKUP'; } #contents_top #pickup .ttl:after { position: absolute; content: ''; top: 100%; left: 0; right: 0; margin: auto;border: 25px solid transparent; width: 0;height: 0;} #contents_top #pickup ul{ width:100%; max-width: 1100px; margin: 60px auto; display: flex; justify-content: space-between; flex-wrap: wrap;} #contents_top #pickup li{ margin-bottom: 30px;} #contents_top #pickup li { background: #fff; width:49%; max-width: 530px; border: 1px solid #ccc; padding: 20px;display: flex; justify-content: space-between; margin:0 0 30px; } #contents_top #pickup .text{width: 100%; max-width:320px; font-size:0.9em; line-height:1.2em;} #contents_top #pickup .photo img{ width: 140px;} #contents_top #pickup li h3{ font-size: 16px; line-height: 120%; padding-left: 10px; margin-bottom: 10px; } #contents_top #pickup li th{ font-size: 14px; width: 40px;vertical-align: top;line-height: 130%; padding-bottom: 3px;} #contents_top #pickup li td{ font-size: 14px; line-height: 120%;padding-bottom: 3px;} #contents_top #pickup li .catch{ font-size: 14px; font-weight: bold; margin-top: 10px;line-height: 120%;} /* ---------------------------------------------------------------- ダウンロード ----------------------------------------------------------------- */ #contents_download #container dl dt{ margin-bottom: 15px;} #contents_download #container dl dd{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 20px;} #contents_download #container dl dd .btn{margin-bottom: 10px;} /* ---------------------------------------------------------------- 施設 お申し込み方法 ----------------------------------------------------------------- */ #contents_application #container .read{margin-bottom: 20px;} #contents_application #container .textlist{margin-bottom: 20px; } #contents_application #container .textlist li{text-indent: -16px; padding-left: 16px; margin-bottom: 5px; line-height: 160%; } #contents_application #container em{ display: block; line-height: 160%; margin: 10px 0 0 10px} #contents_application #container .btn{margin-bottom: 20px;} #contents_application #container dt{font-size: 16px;} #contents_application #container dd{ margin-bottom: 50px; font-size: 15px; line-height: 160%;} #contents_application #container .table_scroll table{table-layout: fixed; width:100%;} #contents_application #container .eventtable caption{ font-weight: bold; text-align: left; margin-bottom: 10px;} #contents_application #container .eventtable th{ text-align: left; white-space: nowrap;} /* #contents_application #container .eventtable td:last-child{white-space: nowrap; } */ #contents_application #container .partnerinfo dt{ font-weight: bold; margin: 40px 0 20px; padding-left: 10px; border-left:5px #ccc solid; line-height: 100%; font-size: 18px;} #contents_application #container .partnerinfo dd{ display: flex; flex-wrap: wrap; justify-content: space-between; } #contents_application #container .partnerinfo .photo img{ width: 300px; } #contents_application #container .partnerinfo .read{ width: 450px;} #contents_application #container .partnerinfo table{ margin-top: 40px;} #contents_application #container .shisetsu_area{ margin:40px 0 10px; font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:5px; } #contents_application #container .repletion{ padding:5px 0 0;font-size:0.9em; } /* ---------------------------------------------------------------- パートナーシップ事業 ----------------------------------------------------------------- */ #contents_partnership #container .read{margin-bottom: 20px;} #contents_partnership #container .textlist{margin-bottom: 20px; } #contents_partnership #container .textlist li{text-indent: -16px; padding-left: 16px; margin-bottom: 5px; line-height: 160%; } #contents_partnership #container em{ display: block; line-height: 160%; margin: 10px 0 0 10px} #contents_partnership #container .btn{margin-bottom: 20px;} #contents_partnership #container dt{font-size: 16px;} #contents_partnership #container dd{ margin-bottom: 50px; font-size: 15px; line-height: 160%;} #contents_partnership #container .table_scroll table{table-layout: fixed; width:100%;} #contents_partnership #container .eventtable caption{ font-weight: bold; text-align: left; margin-bottom: 10px;} #contents_partnership #container .eventtable th{ text-align: left; white-space: nowrap;} #contents_partnership #container .partnerinfo dt{ font-weight: bold; margin: 40px 0 20px; padding-left: 10px; border-left:5px #ccc solid; line-height: 100%; font-size: 18px;} #contents_partnership #container .partnerinfo dd{ display: flex; flex-wrap: wrap; justify-content: space-between; } #contents_partnership #container .eventtable td:last-child { white-space: nowrap; } #contents_partnership #container .eventtable td:first-child{ white-space: normal; width:100%; } #contents_partnership #container .eventtable td.event{ white-space: normal; width:100%; } #contents_partnership #container .partnerinfo .photo img{ width: 350px; } #contents_partnership #container .partnerinfo .read{ width: 406px;} #contents_partnership #container .partnerinfo table{ margin-top: 40px;} #contents_partnership #container table.b{ border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 20px;} #contents_partnership #container table.b th{ background: #EEEEEE; padding: 15px; text-align: center; border: 1px solid #ccc;line-height: 120%; font-size:0.9em;} #contents_partnership #container table.b td{ padding: 15px;border: 1px solid #ccc;line-height: 120%; font-size:0.9em; } #contents_partnership #container table.b td.nowrap { white-space:nowrap; } /* ---------------------------------------------------------------- 施設のご紹介 ----------------------------------------------------------------- */ #contents_application #container .logoinfo{ display: flex; align-items: center;} #contents_application #container .logoinfo dt{ width: 200px;} #contents_application #container .logoinfo dt img{ width:150px;} #contents_application #container .logoinfo dd{ width: 540px; margin-bottom: 0px!important;} #contents_application #container .fa_index{ display: flex; flex-wrap: wrap; justify-content: space-between; } #contents_application #container .fa_index li { background: #ccc; height: 230px; width: 32%; margin-bottom: 20px; position: relative; overflow: hidden; text-align: center; padding: 15px 0 10px 0;} #contents_application #container .fa_index li.main { width: 49%;} #contents_application #container .fa_index li:after {position: absolute; content: ""; display: block; width: 100%; height: 100%; top: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; } #contents_application #container .fa_index li:hover:after { opacity: .8; -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } #contents_application #container .fa_index a{ color: #fff; width: 100%; height: 100%;display: flex; align-items: flex-end; justify-content: center; padding-bottom: 10px;background-size: 100%; background: -moz-linear-gradient(bottom, #000, transparent 20%); background:linear-gradient(bottom, #000 , transparent 20%); background:-webkit-linear-gradient(bottom, #000, transparent 20%); position: absolute; z-index:9998; bottom:0;} #contents_application #container .fa_index.p-kita{ justify-content: flex-start; } /* 東部 */ #contents_application #container .fa_index.p-toubu li.-hall:after { background: url("../toubu/img/shisetsu/photo_hall02.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-toubu li.-creative:after { background: url("../toubu/img/shisetsu/photo_hall01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-toubu li.-rehearsal:after { background: url("../toubu/img/shisetsu/photo_rehearsal01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-toubu li.-conference:after { background: url("../toubu/img/shisetsu/photo_kaigi01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-toubu li.-japanese-style:after { background: url("../toubu/img/shisetsu/photo_washitsu01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-toubu li.-nursery-and-rest:after { background: url("../toubu/img/shisetsu/photo_kyukei01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} /* 呉竹 */ #contents_application #container .fa_index.p-kuretake li.-hall:after { background: url("../kuretake/img/shisetsu/photo_hall01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kuretake li.-creative:after { background: url("../kuretake/img/shisetsu/photo_creat01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kuretake li.-rehearsal:after { background: url("../kuretake/img/shisetsu/photo_rehearsal01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kuretake li.-conference:after { background: url("../kuretake/img/shisetsu/photo_kaigi01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kuretake li.-japanese-style:after { background: url("../kuretake/img/shisetsu/photo_washitsu01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kuretake li.-nursery-and-rest:after { background: url("../kuretake/img/shisetsu/photo_kyukei01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} /* ウェスティ */ #contents_application #container .fa_index.p-westy li.-hall:after { background: url("../westy/img/shisetsu/photo_hall01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-westy li.-creative:after { background: url("../westy/img/shisetsu/photo_creat01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-westy li.-rehearsal:after { background: url("../westy/img/shisetsu/photo_rehearsal01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-westy li.-conference:after { background: url("../westy/img/shisetsu/photo_kaigi01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-westy li.-japanese-style:after { background: url("../westy/img/shisetsu/photo_washitsu01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-westy li.-nursery-and-rest:after { background: url("../westy/img/shisetsu/photo_kyukei02.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} /* 北文化会館 */ #contents_application #container .fa_index.p-kita li.-hall:after { background: url("../kita/img/shisetsu/photo_hall01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kita li.-creative:after { background: url("../kita/img/shisetsu/photo_creat01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kita li.-sports:after { background: url("../kita/img/shisetsu/photo_sports01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kita li.-rehearsal:after { background: url("../kita/img/shisetsu/photo_rehearsal01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kita li.-conference:after { background: url("../kita/img/shisetsu/photo_kaigi01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kita li.-japanese-style:after { background: url("../kita/img/shisetsu/photo_washitsu01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kita li.-nursery-and-rest:after { background: url("../kita/img/shisetsu/photo_kyukei01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kita li.-hall{ width: 49%; margin-right:2%;} #contents_application #container .fa_index.p-kita li.-sports, #contents_application #container .fa_index.p-kita li.-rehearsal, #contents_application #container .fa_index.p-kita li.-japanese-style, #contents_application #container .fa_index.p-kita li.-nursery-and-rest{ width: 32%; margin-right:2%;} #contents_application #container .sports-table{margin:60px 0;} #contents_application #container .sports-table .attention{margin-bottom:60px;} /* 右京 */ #contents_application #container .fa_index.p-ukyo li.-hall:after { background: url("../ukyo/img/shisetsu/photo_hall01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-ukyo li.-creative:after { background: url("../ukyo/img/shisetsu/photo_creat01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-ukyo li.-rehearsal:after { background: url("../ukyo/img/shisetsu/photo_rehearsal01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-ukyo li.-conference:after { background: url("../ukyo/img/shisetsu/photo_kaigi01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-ukyo li.-japanese-style:after { background: url("../ukyo/img/shisetsu/photo_washitsu01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-ukyo li.-nursery-and-rest:after { background: url("../ukyo/img/shisetsu/photo_kyukei01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .photobox{ display: flex; flex-wrap: wrap; justify-content: space-between} #contents_application #container .photobox li{ width: 49%; text-align: center; margin-bottom: 20px;} #contents_application #container .photobox li img{ width: 100%; margin-bottom: 10px} #contents_application #container .photobox li p{ font-size: 14px;} #contents_application #container .floormap{ width: 780px;} /* ---------------------------------------------------------------- 施設のご紹介 ----------------------------------------------------------------- */ #contents_application #container .logoinfo{ display: flex; align-items: center;} #contents_application #container .logoinfo dt{ width: 200px;} #contents_application #container .logoinfo dt img{ width:150px;} #contents_application #container .logoinfo dd{ width: 540px; margin-bottom: 0px!important;} #contents_application #container .fa_index{ display: flex; flex-wrap: wrap; justify-content: space-between; } #contents_application #container .fa_index li { background: #ccc; height: 230px; width: 32%; margin-bottom: 20px; position: relative; overflow: hidden; text-align: center; text-shadow: 0 0 12px #7b7a35; padding: 15px 0 10px 0;} #contents_application #container .fa_index li.main { width: 49%;} #contents_application #container .fa_index li:after {position: absolute; content: ""; display: block; width: 100%; height: 100%; top: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; } #contents_application #container .fa_index li:hover:after { opacity: .8; -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } #contents_application #container .fa_index a{ color: #fff; width: 100%; height: 100%;display: flex; align-items: flex-end; justify-content: center; padding-bottom: 10px;background-size: 100%; background: -moz-linear-gradient(bottom, #000, transparent 20%); background:linear-gradient(bottom, #000 , transparent 20%); background:-webkit-linear-gradient(bottom, #000, transparent 20%); position: absolute; z-index:9998; bottom:0;} #contents_application #container .fa_index.p-kita{ justify-content: flex-start; } /* 東部 */ #contents_application #container .fa_index.p-toubu li.-hall:after { background: url("../toubu/img/shisetsu/photo_hall02.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-toubu li.-creative:after { background: url("../toubu/img/shisetsu/photo_hall01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-toubu li.-rehearsal:after { background: url("../toubu/img/shisetsu/photo_rehearsal01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-toubu li.-conference:after { background: url("../toubu/img/shisetsu/photo_kaigi01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-toubu li.-japanese-style:after { background: url("../toubu/img/shisetsu/photo_washitsu01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-toubu li.-nursery-and-rest:after { background: url("../toubu/img/shisetsu/photo_kyukei01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} /* 呉竹 */ #contents_application #container .fa_index.p-kuretake li.-hall:after { background: url("../kuretake/img/shisetsu/photo_hall01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kuretake li.-creative:after { background: url("../kuretake/img/shisetsu/photo_creat01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kuretake li.-rehearsal:after { background: url("../kuretake/img/shisetsu/photo_rehearsal01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kuretake li.-conference:after { background: url("../kuretake/img/shisetsu/photo_kaigi01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kuretake li.-japanese-style:after { background: url("../kuretake/img/shisetsu/photo_washitsu01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kuretake li.-nursery-and-rest:after { background: url("../kuretake/img/shisetsu/photo_kyukei01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} /* ウェスティ */ #contents_application #container .fa_index.p-westy li.-hall:after { background: url("../westy/img/shisetsu/photo_hall01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-westy li.-creative:after { background: url("../westy/img/shisetsu/photo_creat01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-westy li.-rehearsal:after { background: url("../westy/img/shisetsu/photo_rehearsal01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-westy li.-conference:after { background: url("../westy/img/shisetsu/photo_kaigi01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-westy li.-japanese-style:after { background: url("../westy/img/shisetsu/photo_washitsu01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-westy li.-nursery-and-rest:after { background: url("../westy/img/shisetsu/photo_kyukei02.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} /* 北文化会館 */ #contents_application #container .fa_index.p-kita li.-hall:after { background: url("../kita/img/shisetsu/photo_hall01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kita li.-creative:after { background: url("../kita/img/shisetsu/photo_creat01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kita li.-sports:after { background: url("../kita/img/shisetsu/photo_sports01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kita li.-rehearsal:after { background: url("../kita/img/shisetsu/photo_rehearsal01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kita li.-conference:after { background: url("../kita/img/shisetsu/photo_kaigi01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kita li.-japanese-style:after { background: url("../kita/img/shisetsu/photo_washitsu01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kita li.-nursery-and-rest:after { background: url("../kita/img/shisetsu/photo_kyukei01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-kita li.-hall{ width: 49%; margin-right:2%;} #contents_application #container .fa_index.p-kita li.-sports, #contents_application #container .fa_index.p-kita li.-rehearsal, #contents_application #container .fa_index.p-kita li.-japanese-style, #contents_application #container .fa_index.p-kita li.-nursery-and-rest{ width: 32%; margin-right:2%;} #contents_application #container .sports-table{margin:60px 0;} #contents_application #container .sports-table .attention{margin-bottom:60px;} /* 右京 */ #contents_application #container .fa_index.p-ukyo li.-hall:after { background: url("../ukyo/img/shisetsu/photo_hall01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-ukyo li.-creative:after { background: url("../ukyo/img/shisetsu/photo_creat01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-ukyo li.-rehearsal:after { background: url("../ukyo/img/shisetsu/photo_rehearsal01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-ukyo li.-conference:after { background: url("../ukyo/img/shisetsu/photo_kaigi01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-ukyo li.-japanese-style:after { background: url("../ukyo/img/shisetsu/photo_washitsu01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .fa_index.p-ukyo li.-nursery-and-rest:after { background: url("../ukyo/img/shisetsu/photo_kyukei01.jpg") no-repeat center center;-webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; background-size: cover;} #contents_application #container .photobox{ display: flex; flex-wrap: wrap; justify-content: space-between} #contents_application #container .photobox li{ width: 49%; text-align: center; margin-bottom: 20px;} #contents_application #container .photobox li img{ width: 100%; margin-bottom: 10px} #contents_application #container .photobox li p{ font-size: 14px;} #contents_application #container .floormap{ width: 780px;} /* ---------------------------------------------------------------- ご利用にあたって ----------------------------------------------------------------- */ #contents_summary #container h4{ margin-top: 60px;} .accordion-content{ display: none; padding-left:30px;padding-bottom:20px; } .accordion-button{ cursor: pointer; display: block;} .accordion-button::before{ content: "▼"; display: inline-block; padding-right: 8px; font-size: 26px;} .js-accordionButton.accordion-button.open::before{ content: "▲";} .accordion-button:hover{ opacity: 0.6; } .accordion-button-text{ font-size: 16px; float: right; background-color: #ddd; border-radius: 5px; padding: 5px 0; width:86px; text-align: center;} .accordion-button-text::before{ content: '表示する'; } .js-accordionButton.open .accordion-button-text::before{ content: '閉じる'; } .accordion { margin-bottom:40px; } #contents_application #container .accordion dd{ margin-bottom:30px; } .area_toubu .accordion-button::before{color:#FFB823; } .area_kuretake .accordion-button::before{color:#6eae24; } .area_westy .accordion-button::before{color:#4199ad; } .area_kita .accordion-button::before{color:#542bad; } .area_ukyo .accordion-button::before{color:#d53a66; } /* ---------------------------------------------------------------- イベント案内 ----------------------------------------------------------------- */ #contents_event .selectyear{ background: #f7f7f7; padding: 15px; display: flex; justify-content: space-between; margin-bottom: 20px;} #contents_event .selectyear a{ font-weight: normal;} #contents_event .selectyear .active{ font-weight: bold; font-size: 18px;} #contents_event .selectmonth{ display: flex;justify-content: space-between; margin-bottom: 50px;} #contents_event .selectmonth a{ display: block; border: 1px solid #ccc; padding: 5px 10px; text-align: center;} #contents_event .selectmonth span{display: block; background: #f7f7f7; font-weight: bold;padding: 5px 10px; text-align: center;} #contents_event .calendar>li{ display: flex; border: 1px solid #ccc; align-items: center; justify-content: center; margin-bottom: 40px;} #contents_event .calendar .date{ width:135px; padding: 10px; } #contents_event .calendar .date p{ text-align: center;} #contents_event .calendar .date .month{ font-size: 25px; font-weight: bold; width: 70px; margin: auto;text-align: left;padding-bottom:8px; } #contents_event .calendar .date .day{ font-size: 48px; font-weight: bold;} #contents_event .calendar .date .week{ font-size: 18px; font-weight: bold; margin-top: 5px;} #contents_event .calendar .date .open{ font-size: 14px; margin-top: 10px;} #contents_event .calendar dl{ width: 865px;border-left: 1px solid #ccc;} #contents_event .calendar dt{ padding: 15px; border-bottom: 1px solid #ccc;} #contents_event .calendar dd .read{ padding: 15px; font-size: 14px;border-bottom: 1px solid #ccc;} #contents_event .calendar dd ul{ display: flex; } #contents_event .calendar dd ul li{ border: none; padding: 15px; border-right: 1px solid #ccc; font-size: 14px;} #contents_event .update{ width:100%; margin:0 0 10px 0; text-align:right; color:#666;font-size:13px; } #contents_event .head{ border-bottom:2px solid #ccc; padding-bottom:40px; } #contents_event h4 { border-bottom: none;margin-bottom: 10px; padding-left:15px; padding-top:10px; background-color:#f0f0f0; } #contents_event #article { padding-left:15px;} /* ---------------------------------------------------------------- ご利用Q&A ----------------------------------------------------------------- */ #contents_faq #container h4{ } #contents_faq #container dl{ margin-bottom: 40px;} #contents_faq #container dt{ background: url("../img/common/icn_question.png") 0 center no-repeat; font-weight: bold; margin-bottom: 5px; padding: 5px 5px 5px 40px;line-height: 120%; font-size: 15px; min-height: 28px; background-size: 25px;} #contents_faq #container dd{ background: url("../img/common/icn_answer.png") 0 top no-repeat; margin-bottom: 30px; padding: 5px 5px 5px 40px;line-height: 120%; font-size: 15px; min-height: 28px;background-size: 25px;} /* ---------------------------------------------------------------- ご利用時間と料金 ----------------------------------------------------------------- */ #contents_price #container h4{ border-bottom: none;} #contents_price #container .attention{ margin: 30px auto 60px;} #contents_price #container th{ white-space: nowrap; font-size: 14px;} #contents_price #container td{ white-space: nowrap; font-size: 14px;} #contents_price #container .price,#contents_price #container .chargetable td{ text-align: right;} #contents_price #container .etc{ text-align: center;} /* ---------------------------------------------------------------- アクセスマップ ----------------------------------------------------------------- */ #contents_access #container .map{ width: 100%; height: 400px; margin-bottom:20px} #contents_access #container .map iframe{ width: 100%; height: 100%; border: none;} #contents_access #container .btnarea{ margin-bottom: 70px;} #contents_access .data_list .en_address{ font-size:0.8em; border-top:1px dotted #bbb;padding-top:10px; } #contents_access .data_list dt.en_address{ padding-right:10px; line-height:1.3em;} #contents_access .data_list .en_access { border-top:1px dotted #bbb;padding:10px 20px;margin-bottom:30px;} #contents_access .data_list .en_access li { text-indent:0em;list-style-type: disc; padding:5px 0 2px 0.6em; font-size:0.8em; } /* ---------------------------------------------------------------- 施設空き情報 ----------------------------------------------------------------- */ #contents_calendar #container .btnarea a{ width: 32%;margin:3px auto;} #contents_calendar #container .btnarea-left a{ width: 32%;margin:3px;} #contents_calendar #container .select_month{ background: #eee; padding: 20px 20px 0; margin-top: 20px;} #contents_calendar #container .select_month dl{ display: flex; flex-wrap: wrap;align-items: center;} #contents_calendar #container .select_month dt{ width: 230px; font-size: 15px; text-align: right; margin-bottom: 10px;} #contents_calendar #container .select_month dd{ width: 480px; margin-left: 20px;margin-bottom: 10px; display: flex; align-items: center;} #contents_calendar #container .select_month dd .year{ font-size: 15px; margin-right: 10px;} #contents_calendar #container .select_month dd a.btn{ font-size: 15px; border: 1px solid #ccc; display: block; background: #fff; text-align: center; margin-right: 10px; padding: 5px 10px; width: auto;letter-spacing: 0;} #contents_calendar #container .select_month dd a.link{font-size: 15px; display: block; margin-bottom: 0px;} #contents_calendar #container .select_month dd:last-child{ justify-content: flex-end; width: 100%;} #contents_calendar #container .calendar_container{ margin-top: 80px;} #contents_calendar #container .calendar_container .titlearea{ display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px;} #contents_calendar #container .calendar_container .titlearea h5{ padding: 0; margin: 0 auto;} /* #contents_calendar #container .calendar_container .titlearea .back{ background: url("../img/common/icn_arrow_r.png") 0 center no-repeat; padding-left: 15px; font-size: 14px;} #contents_calendar #container .calendar_container .titlearea .next{ background: url("../img/common/icn_arrow.png") right center no-repeat; padding-right: 15px;font-size: 14px;} */ #contents_calendar #container .calendar_container .caution{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 14px; } #contents_calendar #container .calendar_container .caution .print{ background: url("../img/common/icn_print.png") 5px center no-repeat; background-size: 14px; border: 1px solid #ccc; padding: 5px 5px 5px 25px;} #contents_calendar #container .calendar_table{ display: flex; } #contents_calendar #container .calendar_table table{margin-bottom: 0!important;} #contents_calendar #container .calendar_table .table_head td,#container .calendar_table .table_head th{ border-right: none;} #contents_calendar #container .calendar_table dt{ width: 180px;z-index:100;} #contents_calendar #container .calendar_table dd{ width: 598px; overflow-x: scroll; } #contents_calendar #container .calendar_table th,#container .calendar_table td{ font-size: 14px; white-space:nowrap;text-align:center;} #contents_calendar #container .calendar_table .btmline{ border-bottom:2px solid #bbb !important; } #contents_calendar #container .calendar_container .date{ text-align: right; font-size: 12px; margin:10px 0;} #contents_calendar #container .calendar_container .attention { padding-bottom: 30px;} #contents_calendar #container .calendar_container .attention li{line-height: 120%; font-size: 14px; margin-bottom: 0px;} #contents_calendar .back{ width:20%;text-align:center;transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); } #contents_calendar .next{ width:20%;text-align:center;transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } #contents_calendar .lotdate { font-size:0.8em; padding:10px; font-weight:normal;} #contents_calendar #lot_guide p{ line-height: 1.3em; } #contents_calendar .bg_w{ background-color:#fff;border-right: 1px solid #ccc !important; } #contents_calendar .tooltip {height:15px; width:15px; display:block; position:relative; margin:0 auto;} #contents_calendar .tooltip:before{content:'!'; height:0px; width:0px; display:block; position:absolute; top:0px; left:0px; border:transparent solid; border-bottom-color:#fdd001; border-width:0px 12px 24px 12px; color:#333; font-family:Verdana; font-weight:bold; font-size:15px; line-height:30px; text-indent:-3px;} /* 文化会館ごとの設定 */ /* 東部文化会館 */ .area_toubu #container h3{ border-left: #ffb724 8px solid; } .area_toubu#contents_top #pickup .ttl{ background-color:#ffb724; } .area_toubu#contents_top #pickup .ttl:after { border-top: 20px solid #ffb724;} .area_toubu#contents_top #pickup li h3{ border-left:8px solid #ffb724; } .area_toubu#contents_calendar a.back, .area_toubu#contents_calendar a.next{ color:#ffb724; } .area_toubu #container #article h4,.area_toubu#contents_event h4 { border-left: 5px solid #ffb724; } /* 呉竹文化センター */ .area_kuretake #container h3{ border-left: #6eae24 8px solid; } .area_kuretake#contents_top #pickup .ttl{ background-color:#6eae24; } .area_kuretake#contents_top #pickup .ttl:after { border-top: 20px solid #6eae24;} .area_kuretake#contents_top #pickup li h3{ border-left:8px solid #6eae24; } .area_kuretake#contents_calendar a.back, .area_kuretake#contents_calendar a.next{ color:#6eae24; } .area_kuretake #container #article h4,.area_kuretake#contents_event h4 { border-left: 5px solid #6eae24; } /* 西文化会館ウエスティ */ .area_westy #container h3{ border-left: #4199ad 8px solid; } .area_westy#contents_top #pickup .ttl{ background-color:#4199ad; } .area_westy#contents_top #pickup .ttl:after { border-top: 20px solid #4199ad;} .area_westy#contents_top #pickup li h3{ border-left:8px solid #4199ad; } .area_westy#contents_calendar a.back, .542bad#contents_calendar a.next{ color:#4199ad; } .area_westy #container #article h4,.area_westy#contents_event h4 { border-left: 5px solid #4199ad; } /* 北文化会館 */ .area_kita #container h3{ border-left: #542bad 8px solid; } .area_kita#contents_top #pickup .ttl{ background-color:#542bad; } .area_kita#contents_top #pickup .ttl:after { border-top: 20px solid #542bad;} .area_kita#contents_top #pickup li h3{ border-left:8px solid #542bad; } .area_kita#contents_calendar a.back, .area_kita#contents_calendar a.next{ color:#542bad; } .area_kita #container #article h4,.area_kita#contents_event h4 { border-left: 5px solid #542bad; } /* 右京ふれあい会館 */ .area_ukyo #container h3{ border-left: #d53a66 8px solid; } .area_ukyo#contents_top #pickup .ttl{ background-color:#d53a66; } .area_ukyo#contents_top #pickup .ttl:after { border-top: 20px solid #d53a66;} .area_ukyo#contents_top #pickup li h3{ border-left:8px solid #d53a66; } .area_ukyo#contents_calendar a.back, .area_ukyo#contents_calendar a.next{ color:#d53a66; } .area_ukyo #container #article h4,.area_ukyo#contents_event h4 { border-left: 5px solid #d53a66; }