@charset "utf-8";
/*************************************************
 detail.css ！このファイルは追記編集しない！
**************************************************/
*,
*::before,
*::after { box-sizing: border-box;}

p.locus { margin: 1em 0;}
p.center { text-align: center;}
p.right { text-align: right;}

.font_kyoutyo,
.font_kyotyo { font-weight: bold;}
.font_coment,
.font_small { font-size: 80%;}
.font_red { color: #dd0000;}


noscript { color: #000; background-color: #fff;}


/* スキップリンク */
#Map,
#Map *,
#jump { padding: 0; overflow: visible;}
#jump a { position: absolute; width: 0; height: 0; overflow: auto; text-indent: -1000em; z-index: 1000;}
#jump a:focus { width: 12em; height: auto; text-indent: 0; background: #FFFFFF; text-align: center;}


/* youtube */
iframe[src*="youtube"] { max-width: 100%;}

/* form の selectボックス */
select{
  -webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;outline: none;background: transparent;font-family: inherit;font-size:1em; /* リセット */
  border:1px solid #ccc;display: inline-block;margin-bottom:22px;padding: 4px;border-radius: 6px; /* selectボックスの装飾 */
}
select::-ms-value { background: none; color: inherit;} /* IE11対策 */
select option:hover, 
select option:checked { background: #CCC; color:#000;} /* ホバー時の色 */
select:focus { outline: 2px solid #0044CC;} /* フォーカス当たった時に色付ける */


/* ===========================
 画像
=========================== */
.txtbox img { max-width: 100%; height: auto;} /* 最大幅をtxtboxに合わせる */
.txtbox img[style*="border"] { border-style: solid; box-sizing: border-box;}


/* フェードイン */
.fade_cont { opacity: 0; transition-duration: 1.25s;}
.fade_cont.active { opacity: 1;}


/* IMAGE BOX :n個並び float
	.txtbox .box-image { display: block;}
	.txtbox .box-image:after { display: block; content: ""; clear: both;}
	.txtbox .box-image li { float: left; margin: 0 1% 1%; padding-left: 0; text-align: center;}
	.txtbox .box-image li:before { display: none;}
	.txtbox .box-image.single li { width: 98%;}
	.txtbox .box-image.double li { width: 48%;}
	.txtbox .box-image.triple li { width: 31.3333333333%;}
	.txtbox .box-image.quadruple li { width: 23%;}
	.txtbox .box-image.pentadruple li { width: 18%;}
	.txtbox .box-image.hexatruple li { width: 14.6666666666%;}
*/

.txtbox .box-image.double li:nth-child(2n-1),
.txtbox .box-image.triple li:nth-child(3n+1),
.txtbox .box-image.quadruple li:nth-child(4n+1),
.txtbox .box-image.pentadruple li:nth-child(5n+1),
.txtbox .box-image.hexatruple li:nth-child(6n+1) { clear: both;}


/* IMAGE BOX :n個並び flex */
.txtbox .box-image { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; list-style: none;}
.txtbox .box-image:after { display: block; content: ""; clear: both;}
.txtbox .box-image li { margin: 0 1% 1%; padding-left: 0; text-align: center;}
.txtbox .box-image li:before { display: none;}
.txtbox .box-image.single li { width: 98%;}
.txtbox .box-image.double li { width: 48%;}
.txtbox .box-image.triple li { width: 31.3333333333%;}
.txtbox .box-image.quadruple li { width: 23%;}
.txtbox .box-image.pentadruple li { width: 18%;}
.txtbox .box-image.hexatruple li { width: 14.6666666666%;}

.txtbox .box-image.single li a { display: block; margin: 0 auto; text-align: center;}

.txtbox .box-image p { padding-left: 0; text-align: center; font-size: 0.9em;} /* キャプション */
.txtbox .box-image img { margin-bottom: 0.5em;} /* 下の余白 */


/* BOX IMAGE :左右回り込み */
.txtbox .image_box {}
.txtbox .image_box:after { display: block; content: ""; clear: both;}
.txtbox .image_box_center,
.txtbox .image_box_left,
.txtbox .image_box_right { text-align: center;}
.txtbox .image_box_center { max-width: 98%; margin: 0 1% 1em;}
.txtbox .image_box_left,
.txtbox .image_box_right { max-width: calc( 49% - 1em );}
.txtbox .image_box_left { float: left; margin: 0 1em 0.5em 1%;}
.txtbox .image_box_right { float: right; margin: 0 1% 0.5em 1em; position: relative; z-index: 1;}


.txtbox .image_box_center p,
.txtbox .image_box_left p,
.txtbox .image_box_right p { padding-left: 0; font-size: 0.9em;} /* キャプション */
.txtbox .image_box_center img,
.txtbox .image_box_left img,
.txtbox .image_box_right img { margin-bottom: 0.5em;} /* 下の余白 */


/* ===========================
 NEWS
=========================== */
/*
.news dt,
.news dd { padding: .8em 0 .7em;}
.news dt { width: 9em; padding-left: .5em ;float: left;}
.news dd { margin-left: 0; padding-left: 10em; border-bottom: 1px dotted #CCCCCC;}
*/

.news {}
.news dl { display: flex; margin: 0; padding: .75em 0; border-bottom: 1px dotted #CCCCCC;}
.news dt { display: flex; align-items: flex-start;}
.news dt span {}
.news dt .news_date { min-width: 6em;}
.news dt .news_tag { min-width: 8em; padding: 0.12em 0.5em; font-size: 0.9em; text-align: center; background-color: #ddd; box-shadow: 0 0 0 2px #ddd;}
.news dd { margin-left: 1em;}

.nodata { border: 2px solid #CCCCCC; padding: .5em;}
.emergency .nodata { border: none; padding: .6em .5em .5em; margin-bottom: 0; line-height: 2em;}
.emergency .news dl:last-child { border-bottom: none; }


/* ===========================
 Google
=========================== */
#goog-gt-tt textarea { font-size: 1rem!important;}

.gm-style .gm-style-cc a,
.gm-style .gm-style-cc button,
.gm-style .gm-style-cc span,
.gm-style .gm-style-mtc div { font-size: .675rem;}


/* Google map */
.mapobject_map{width:auto;height:600px;border:1px solid #CCCCCC;}
.gm-style,
.gm-style div{font-size:0.8rem!important;font-weight:normal!important;line-height:1.3;}
.gm-style .gm-style-cc span,
.gm-style .gm-style-cc a,
.gm-style .gm-style-cc button,
.gm-style .gm-style-mtc div,
.gm-style .gm-style-iw{ font-size:.675rem; font-weight:normal!important;line-height:1.3;}
.gm-style a{text-decoration:underline!important;}

.gm-style-cc a[title="Google に地図や画像のエラーを報告する"] { font-size: .675rem!important;}

div.infomsg { font-size: 0.8rem!important;}
div.infomsg * { font-size: 0.8rem!important;}


/* ===========================
 txtbox
=========================== */
/*
.txtbox { word-break: break-word;}
*/

/* 段落 */
.txtbox p,
.txtbox table,
.txtbox dl { margin: 0 0 1em 0; padding-left:.5em;}

.txtbox dt { font-weight: bold; margin: 0 0 .4em 0; padding: 0;}
.txtbox dd { margin: 0; padding: 0;}


/* list */
.txtbox ol { padding-left: 2em;}
.txtbox ul { padding-left: 0;}
.txtbox ol > li,
.txtbox ul > li{ margin-bottom:.3em;}
.txtbox ul > li{ position: relative; padding-left: 2em; list-style: none;}
.txtbox ul > li:before { content:""; position: absolute; display: block; top:.45em; left:.8em; width:.7em; height:.7em; background:#DDD9D0; border-radius:50%; }

ul.file_list,
ul.link_list { padding-left: 0;}
ul.file_list li,
ul.link_list li { margin-bottom:.3em;}
ul.file_list li,
ul.link_list li { position:relative;padding-left:2em;}
ul.link_list li:before { content:"";position:absolute;display:block;top:.3em;left:8px;width:.7em;height:.7em;background:#CCCCCC;border-radius:50%;}

ul.file_list li:before { content:"";position:absolute;display:block;top:0.1em;left:4px;width:1.2em;height:1.2em; background: url("../img/file_list_mark.png") center center no-repeat; background-size: contain;}
ul.file_list li.pdf:before { background-image: url("../img/file_list_mark_pdf.png");}
ul.file_list li.doc:before { background-image: url("../img/file_list_mark_doc.png");}
ul.file_list li.xls:before { background-image: url("../img/file_list_mark_xls.png");}


/* TABLE */
.txtbox table{ border-collapse:collapse; margin-bottom:15px;}
.txtbox table caption{padding:4px 0;}
.txtbox table table,
.txtbox table ul,
.txtbox table ol,
.txtbox table table dl{margin-bottom:0;}
.txtbox table th,
.txtbox table td{ padding:.5em; border:1px solid #aaaaaa;}
.txtbox table th {background: #eeeeee;}

.txtbox table.noborder,
.txtbox table.noborder th,
.txtbox table.noborder td { border: none;}

/*
.txtbox table[border="0"] tr,
.txtbox table[border="0"] th,
.txtbox table[border="0"] td { border: none;}
*/

/* WIDE TABLE */
.txtbox tbale.wide_table,
.txtbox table.widetable{ display:block; max-width:100%; overflow:auto; border:none;}
.txtbox table.wide_table caption,
.txtbox table.widetable caption{display:block; text-align: left;}
.txtbox table.wide_table tbody,
.txtbox table.widetable tbody{display:table;}

/* カレンダーの表調整 */
.event .txtbox table.calendar.wide_table tbody {display:table-row-group;}
.event .txtbox table.calendar.widetable tbody {display:table-row-group;}

.txtbox tr.saturday { background-color: rgba(219,231,254,1);}
.txtbox tr.sunday { background-color: rgba(253,230,230,1);}


/* ===========================
 acrotat
=========================== */
.acrobat {}
.acrobat_wrap{ display: flex; justify-content: space-around; align-items: center;}
.acrobat_text { margin-left: 1em; font-size: 0.9em;}

.acrobat_button { min-width: 10em; margin-left: 1em; padding: 0;}
.acrobat_button a { display: block; padding: 0.6em; color: #000; text-decoration: none; border: 3px solid #ccc;}
.acrobat_bt_image,
.acrobat_bt_text { display: block; text-align: center;}
.acrobat_bt_image { margin: 0.3em auto;}
.acrobat_bt_text { font-size: 0.9em; font-weight: bold;}


/* ===========================
 お問い合わせ
=========================== */
.info_section_inner { display: flex; justify-content: space-between; align-items: center;}

.info_section_text {}
.info_section_button { margin-left: 1em;}
.info_section_button a { position: relative; display: flex; padding: 1.5em calc(1.5em + 11px) 1.5em calc(1.5em + 37px); color: #000; text-decoration: none; background: url("../img/ico_inquiry.png") left 1em center no-repeat #ddd;}
.info_section_button a:before { position: absolute; display: block; content: ""; top: 0px; bottom: 0px; right: 0.5em; width: 11px; background: url("../img/arrow_common.png") center center no-repeat;}


/* ===========================
 pagenation
=========================== */
.pager ul{margin:0;padding:0;}
.pager ul li{margin:0;padding:0;}
.pager ul li a.link_before,
.pager ul li a.link_next{ position: relative; float:left; display:block;border:1px solid #CCCCCC;padding:.4em .8em;text-decoration:none;}
.pager ul li a.link_before { padding-left: 1.5em;}
.pager ul li a.link_next{ float:right; padding-right: 1.5em;}
.pager ul li a.link_before:before,
.pager ul li a.link_next:after { position: absolute; display: block; content: ""; top: 50%; margin-top: -0.35em; transition-duration: 0.2s; }
.pager ul li a.link_before:before {
  left: 0.6em;
  border-top: 0.35em solid transparent;
  border-bottom: 0.35em solid transparent;
  border-right: 0.6em solid #2d599a;
}
.pager ul li a.link_next:after {
  right: 0.6em;
  border-top: 0.35em solid transparent;
  border-bottom: 0.35em solid transparent;
  border-left: 0.6em solid #2d599a;
}


/* ===========================
 form
=========================== */
form dt,
form .dt{ margin: 1em 0; border-bottom: 1px dotted #ccc; padding: .3em 0; display: block;}
form dd,
form .dd { padding-left: 2em;}
form dd span { display :block;}

form input[type="text"],
form input[type="email"],
form input[type="tel"] { border: 1px solid #CCCCCC ; -webkit-appearance: none;}
form input[type="submit"] { display: flex; justify-content: center; align-items: center; margin: 0; border-radius: 0; -webkit-appearance: none; margin: 0 auto; padding: 0.5em 1em;}

/* サイト内検索 */
.search_wrap { display: flex; justify-content: center; align-items: center;}
.blc_search label.search_txt { width: 8em; text-align: center;}
.blc_search .search_wrap_inner { display: flex; align-items: stretch; width: calc(100% - 8em);}
.blc_search .search_wrap_inner input[type="text"] { width: calc(100% - 4em);}
.blc_search .search_wrap_inner input[type="submit"] { width: 4em;}

.wcf { padding-left: 2.5%; padding-right: 2.5%;}

form textarea { box-sizing: border-box; min-height: 8em; border: 1px solid #CCCCCC; width:98%; max-width: 540px;}
form select {height: 2.5em;}
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="tel"]:focus,
form textarea:focus{outline:none;border:1px solid #F00000;}
form .required{padding-left:.6em;}
label[for="iken"] { display: block; margin-bottom: 0.5em;}
label[for^="u_"],
label[for^="s_"] { margin-right: 2em;}
form .wcf__hidden { display: none; }

fieldset.wcf__required legend:after {
  content:"必須";
  color: red;
  padding-left:.6em;
}

.form .formdata input { font-size: 1.2em; padding: 0.3em 0.5em;}
.form .formdata legend {margin-bottom: 0.5em; border-bottom: 1px solid #aaa;}


/* ===========================
 faq
=========================== */
.faq h1 { padding: 0.3em; background-color: #cccccc;}
.faq .question { background:#FFFFFF; padding: 0 0.5em; margin-right: 0.5em;}
.faq .answerbox {}
.faq .answerbox > dt { margin: 1em 0; background: #888888 ;color: #FFFFFF; padding: 0.3em 1em; font-weight:bold; font-size:1.5em;}
.faq .answerbox > dd { margin: 0 0 0 10px; padding:0;}


/* ===========================
 file type view
=========================== */
a.sizeview { padding-left: 1.75em; background: 4px center no-repeat; background-size: auto 100%;}
a.sizeview { background-image:url(../img/file_list_mark.png);}
a.sizeview[href$=".PDF"], 
a.sizeview[href$=".pdf"] { background-image:url(../img/file_list_mark_pdf.png);}
a.sizeview[href$=".DOC"],
a.sizeview[href$=".DOCX"] ,
a.sizeview[href$=".doc"],
a.sizeview[href$=".docx"] { background-image:url(../img/file_list_mark_doc.png);}
a.sizeview[href$=".XLS"],
a.sizeview[href$=".XLSX"] ,
a.sizeview[href$=".xls"],
a.sizeview[href$=".xlsx"] { background-image:url(../img/file_list_mark_xls.png);}


/* outside link */
a.outside,a.sizeview {padding-right: 0.2em; }
a.outside:after, a.sizeview:after{ display: inline-block; content: ""; width: 1em; height: 1em; margin-left: 0.2em; background: center center no-repeat url("../img/ico_outside.png"); background-size: contain;}


/* ===========================
 カレンダー
=========================== */
table.calendar { font-size: 0.85em;}
table.calendar th:first-child { background-color: #FFaaaa;}
table.calendar th:last-child { background-color: #73B3FF;}
table.calendar td { width: 14.28%; padding: 0px; border-color: #B3ADA6; background-color: #ffffff; vertical-align: top; box-sizing: border-box;}
table.calendar td dl { margin: 0px; padding: 0px; min-height: 8em;}
table.calendar td dl dt { margin: 0; padding: 0.2em; color: #666666;  background-color: #F6F6F6;}
table.calendar td:first-child dt { background-color: #FFE1E1;}
table.calendar td:last-child dt { background-color: #D7F2FF;}
table.calendar td dl dd { margin: 0; border-bottom: 1px dotted #CCCCCC;}
table.calendar td dl dd:last-child { border: none;}
table.calendar td dl dd a ,
table.calendar td dl dd > span{ display: block; padding: 0.5em 0.5em 0.4em;}
table.calendar td dl dd a:hover,
table.calendar td dl dd a:focus { background-color: rgba(255,255,0,0.2);}

table.calendar.list { width: 100%}
table.calendar.list th { display: none;}
table.calendar.list td { width: 100%; display: block; margin: 0 0 1em 0; padding: 0; border: none!important; text-align: left;}
table.calendar.list td dl { min-height: inherit;}
table.calendar.list td dl dt { padding: 0.5em 0.2em 0.4em;}
table.calendar.list td dl dd a { padding-left: 1em;}

a#view_change { position: relative; display: inline-block; margin-bottom: 1.5em; padding: 1em 3em 0.9em 2em; font-size: 1.2em; color: #000; text-decoration: none; background-color: #dddddd; border: 3px solid #dddddd; border-radius: 0.2em; transition-duration: 0.15s;}
a#view_change:before {position: absolute; display: block; content: ""; height: 0; width: 0; top: 50%; right: 1em; margin-top: -0.4em; transition-duration: 0.15s;  border-top: 0.4em solid transparent;  border-bottom: 0.4em solid transparent;  border-left: 0.7em solid #666;}
a#view_change:hover,
a#view_change:focus { border-color: #666}
a#view_change:hover:before,
a#view_change:focus:before { right: 0.7em;}

/*
table.calendar.list td:nth-child(1) dt:after { content: "日（日曜日）";}
table.calendar.list td:nth-child(2) dt:after { content: "日（月曜日）";}
table.calendar.list td:nth-child(3) dt:after { content: "日（火曜日）";}
table.calendar.list td:nth-child(4) dt:after { content: "日（水曜日）";}
table.calendar.list td:nth-child(5) dt:after { content: "日（木曜日）";}
table.calendar.list td:nth-child(6) dt:after { content: "日（金曜日）";}
table.calendar.list td:nth-child(7) dt:after { content: "日（土曜日）";}
*/

.notes dd{display:inline-block;}
.txtbox ul.todaysevent > li {padding-left: 0;}


/*************************************************
 カレンダー 追記
**************************************************/
.pager { margin-bottom: 1em;}
.pager:after { display: block; content:""; clear: both;}
.pager ul { margin: 0 auto 1em;}
.pager ul li:before { display: none;}
table.calendar { width: 100%; margin: 0 auto 1em;}

/* 共通 */
.evet_wrap { display: flex; align-items: center; flex-wrap: wrap; width: 100%; padding: 0.3em;}
.evet_wrap.focus { background-color: #EDEDBA;}
table.calendar.list .evet_wrap { max-width: inherit;}
table.calendar td dl dd a,
table.calendar.list td dl dd a { margin: 2px 0.5em 2px 0; padding: 0.25em 0.5em 0.25em 0em; text-decoration: none;}
table.calendar td dl dt { color: #333333;}
table.calendar td dl dd a:hover,
table.calendar td dl dd a:focus { background-color: transparent;}


/* 本日の・もうすぐ締切 */
.txtbox .event_calendar_wrap ul > li:before { top: 0.7em;}
.event_calendar_wrap { margin-bottom: 2em; background-color: #E8E8E8; overflow: visible;}
.event_calendar_wrap h2,
.event_calendar_wrap h2:first-child { margin-bottom: 0.3em; padding-left: 60px; background: transparent left 8px center no-repeat;}
.event_calendar_wrap ul a { margin-right: 0.75em;}
.todays_event_wrap h2,
.todays_event_wrap h2:first-child { background-image: url("../img/ico_cal_today.png");}
.deadline_event_wrap h2,
.deadline_event_wrap h2:first-child { background-image: url("../img/ico_cal_deadline.png");}


/* イベント検索 */
.event_search_wrap { padding-bottom: 0; background-color: #E7F5CF; margin-bottom: 2em; overflow: visible;}
.event_search_wrap h2,
.event_search_wrap h2:first-child { margin-bottom: 0.3em; padding-left: 60px; background: url("../img/top_heading_ico_search.png")transparent left 20px center no-repeat; background-size: 1.2em 1.2em;}
.event_search { padding: 0 2em 2em 2em; overflow:auto; }

.search_words { clear: both; float: none; width: 25em; max-width: 100%; margin-bottom: 1em;}
.search_words_label { display: block; padding: 0.5em 0.5em 0.5em 0; font-size: 1.1em;}
form input[type="text"].event_search_txt { width: 100%; height: 3em; padding: 0.5em; font-size: 1.2em;}

.search_category {}
.search_category legend { float: left; margin-right: 0.5em; padding: 0.5em 0; font-size: 1.1em;}
.category_chk { padding-top: 0.25em;}
.category_chk label,
.category_chk input { cursor: pointer;}
.category_chk label { margin-left: 0.3em;}
.search_category span { display: inline-block; margin: 0 0.5em 1em; padding: 0.5em 1em 0.5em 0.5em; color: #000;}


.event_search_form { margin: 0; padding: 0;}
.event_search_bt_wrap { padding: 1.5em;}
form input[type="button"].event_search_bt { display: block; width: 8em; margin: 10px auto; padding: 0.5em 2em 0.4em; color: #fff; font-size: 1.3em; text-align: center; border: 3px solid #333; background-color: #333; cursor: pointer;}
form input[type="button"].event_search_bt:hover,
form input[type="button"].event_search_bt:focus { border-color: #333; box-shadow: inset 0 0 0 3px #FC9A9F;}


/* テーブル表示 */
table.calendar .cal_ico { width: 32px; height: auto; margin: 1px 1px 1px 0; vertical-align: middle;}
.cal_tag { display: none; margin: 2px 0.25em; padding: 0.25em 0.5em; background-color: #ddd;}
table.calendar:not(.list) .evet_wrap { display: block; padding: 0; border-bottom: 2px solid #d5d5d5;}
table.calendar:not(.list) .evet_wrap a { display: block; width: 100%; margin-right: 0; padding: 0.3em;}
table.calendar:not(.list) td:last-of-type .evet_wrap { border-bottom: none;}


/* リスト表示 */
table.calendar.list .cal_ico { display: none;}
table.calendar.list .cal_tag { display: block;}
.cal_tag01 { background-color: #E962A3;} /* タグ01 イベント・祭り */
.cal_tag02 { background-color: #9488BD;} /* タグ02 講座・教室 */
.cal_tag03 { background-color: #499EC5;} /* タグ03 相談 */
.cal_tag04 { background-color: #DBA50F;} /* タグ04 スポーツ・健康づくり */
.cal_tag05 { background-color: #9E7547;} /* タグ05 分劇・芸術 */
.cal_tag06 { background-color: #87C540;} /* タグ06 子育て */
.cal_tag07 { background-color: #9A9A9A;} /* タグ07 その他 */
.cal_tag99 { padding-left: 2em; background: url("../img/calendar_event_ico99.png") left 0.2em center no-repeat #fff; background-size: 1.6em auto; box-shadow: inset 0 0 0 2px #D5D5D5;} /* 事前申込必要 */
.cal_tag100 { background-color: #D2D1B3;} /* 締切日 */
.cal_deadline { background-color: transparent;} /* 締切日時 */


table.calendar.list {}
table.calendar.list td { margin: 0;}
table.calendar.list td dl { display: flex; align-items: stretch; font-size: 2.5em;}
table.calendar.list td dl dt,
table.calendar.list td dl dd { display: flex; align-items: center; margin: 4px; background-color: #E8E8E8;}
table.calendar.list td dl dt { position: relative; justify-content: flex-end; width: 6em; padding: 0.2em 0.2em 0.2em 0.5em; text-align: right;}
table.calendar.list td dl dd { flex-wrap: wrap; width: calc(100% - 6em);}
/*
table.calendar.list td dl dt:after { display: flex; justify-content: center; align-items: center; position: absolute; top: 0%; bottom: 0%; right: 0%; width: 8em; background: linear-gradient( 90deg, transparent, transparent 2.25em, #D4D4D4 2.25em, #D4D4D4 );}
*/
table.calendar.list td.sat dl dt,
table.calendar.list td.sat dl dd { background-color: #C4EBF2;}
table.calendar.list td.sat dl dt:after { background: linear-gradient( 90deg, transparent, transparent 2.25em, #7ED1E3 2.25em, #7ED1E3 );}
table.calendar.list td.sun dl dt,
table.calendar.list td.sun dl dd { background-color: #FED2D1;}
table.calendar.list td.sun dl dt:after { background: linear-gradient( 90deg, transparent, transparent 2.25em, #FEAEAD 2.25em, #FEAEAD );}
/*
table.calendar.list td dl dt:after,
*/
table.calendar.list td dl dd a { font-size: 0.5em;}
table.calendar.list td dl dd .cal_tag { color: #000; font-size: 0.45em;}


/* カレンダー曜日 jsに追記 */
table.calendar td dt .cal_week { display: none;}
table.calendar.list td dt .cal_week { display: flex; height: 100%; align-items: center; margin-left: 0.5em; padding: 0 0.3em; font-size: 0.5em;}



/* ===========================
 site search
=========================== */
.fileselect {display:flex;flex-wrap:wrap;}
.fileselect a {display:block;margin:0.5em 0.25em;;padding:0.5em 1em;text-decoration:none;border:2px solid #ccc;box-sizing:border-box;border-radius:0.3em;transition-duration:0.15s;}
.fileselect a:hover, .fileselect a:focus {box-shadow:inset 0px 0px 0px 2px #ff7f00;}
.txtbox .search_result_google dt.title {margin:0;padding:0 0 0 1.3em;font-size:1em;font-weight:normal;word-wrap:break-word;position:relative;}
.txtbox .search_result_google dt.title a:hover {text-decoration:none;}
.txtbox .search_result_google dd.body {margin:0;padding:0;margin-bottom:2em;font-size:0.9em;word-wrap:break-word;}
.txtbox .search_result_google dd.body cite {display:block;margin-top:0.5em;padding-left:0.5em;font-size:0.9em;color:#006520;font-style:normal;}
.txtbox .search_result_google dd.body p {line-height:1.3em;}
.txtbox .search_result_google .pager ul > li {padding:0;}
.txtbox .search_result_google .pager ul > li:before {display:none;}
.txtbox .search_result_google dt.title:before {
  background: none no-repeat center center; position: absolute; content: ""; display:block; width:1em; height:1em; left:0; top:0.25em }
.txtbox .search_result_google dt.title:before {background-image:url("../img/file_list_mark.png");}
.txtbox .search_result_google dt.title.pdf:before {background-image:url("../img/file_list_mark_pdf.png");}
.txtbox .search_result_google dt.title.word:before {background-image:url("../img/file_list_mark_doc.png");}
.txtbox .search_result_google dt.title.excel:before {background-image:url("../img/file_list_mark_xls.png");}
.txtbox .search_result_google .search input#search_txt2 {height:30px;margin:0%;padding:0px 0.5em;line-height:36px;background:#fff;width:100%;max-width:300px;}
.txtbox .search_result_google .search input#search_txt2:focus {background-color:#FFFFFF;outline:1px solid #CCC;}
.txtbox .search_result_google .search input.search_bt {width:4em;height:30px;;margin:0;padding:0px 0;font-weight:bold;border:none;}

/* list */
.txtbox table + h2,
.txtbox p + h2,
.txtbox ul + h2
.txtbox ol + h2,
.txtbox table + h3,
.txtbox p + h3,
.txtbox ul + h3,
.txtbox ol + h3,
.txtbox table + h4,
.txtbox p + h4,
.txtbox ul + h4,
.txtbox ol + h4,
.txtbox table + h5,
.txtbox p + h5,
.txtbox ul + h5
.txtbox ol + h5 { margin-top:1.8rem;}
.txtbox table + h6,
.txtbox p + h6,
.txtbox ul + h6
.txtbox ol + h6 { margin-top:1rem;}
.txtbox ul.list2 > li:before{ left:.95em; height: 0; width: 0; background-color: transparent; border-radius: 0%; border-top: .3em solid transparent; border-bottom: .3em solid transparent; border-left: .5em solid #DDD9D0;}
.txtbox ol.katakana{list-style-type: katakana;margin-left:.5em;}
.txtbox ol.hiragana{list-style-type: hiragana;}
.txtbox ol.lower-alpha{list-style-type:lower-alpha;}
.txtbox ol.lower-roman{list-style-type: lower-roman;}
.txtbox ol.kakko{padding-left:0;margin-left: .3em;}
.txtbox ol.kakko > li{list-style-type: none;counter-increment: cnt; padding-left: 1.8em; text-indent: -1.8em;}
.txtbox ol.kakko > li > ol:not(.kakko) li { padding-left: 0; text-indent: 0;}
.txtbox ol.kakko > li:before{content: "(" counter(cnt) ") ";}
.txtbox ol.kakko > li > ul,
.txtbox ol.kakko > li > ol {padding-left:2em;}
.txtbox ol.kakko > li > ol.kakko {padding-left:0em;}

/* oldtemplate */
.txtbox ul.image_box_center{min-width:240px;width:50%;max-width:80%;margin:0px auto 10px;padding:0px;list-style-image:none;}
.txtbox ul.image_box_right{max-width:50%;float:right;padding:0px;list-style-image:none;}
.txtbox ul.image_box_left{max-width:50%;float:left;padding:0px;list-style-image:none;}
.txtbox ul.image_box li,
.txtbox ul.image_box_center li,
.txtbox ul.image_box_right li,
.txtbox ul.image_box_left li {margin:5px 1%;padding:0px;text-align:center;background-image:none;}
.txtbox ul.image_box li{max-width:31%;float:left;background:#f6f6f6;}
.txtbox ul.image_box_right li{max-width:98%;}
.txtbox ul.image_box > li:before,
.txtbox ul.image_box_center li:before,
.txtbox ul.image_box_right li:before,.image_box_left li:before{display:none;}
.txtbox ul.image_box li img,
.txtbox ul.image_box_center li img,
.txtbox ul.image_box_right li img,
.txtbox ul.image_box_left li img {margin:1%;max-width:98%;width:/***/auto;height:auto;}

.txtbox ul.image_box_left li:before,
.txtbox ul.image_box_right li:before { display: none;}


/*************************************************
 レスポンシブ 600 + 20 
**************************************************/
@media screen and (max-width:620px) {

/* ===========================
 画像
=========================== */
  /* IMAGE BOX :n個並び */
  .txtbox .box-image.triple li,
  .txtbox .box-image.quadruple li,
  .txtbox .box-image.pentadruple li,
  .txtbox .box-image.hexatruple li { width: 48%;}

  .txtbox .box-image.triple li:nth-child(3n+1),
  .txtbox .box-image.quadruple li:nth-child(4n+1),
  .txtbox .box-image.pentadruple li:nth-child(5n+1),
  .txtbox .box-image.hexatruple li:nth-child(6n+1) { clear: none;}

  .txtbox .box-image.double li:nth-child(2n-1),
  .txtbox .box-image.quadruple li:nth-child(2n-1),
  .txtbox .box-image.pentadruple li:nth-child(2n-1),
  .txtbox .box-image.hexatruple li:nth-child(2n-1) { clear: both;}


  /* BOX IMAGE :左右 */
  .txtbox ul.image_box_left,
  .txtbox ul.image_box_right { max-width: 98%;}
  .txtbox ul.image_box_left,
  .txtbox ul.image_box_right { float: none; margin: 0 1% 0.5em 1%;}


  /* ===========================
   NEWS
  =========================== */
/*
  .news { padding:1em 0em 2em;margin-bottom:1em;}
  .news dt { float:none;width:auto;padding-bottom:.3em;padding-left:0;}
  .news dd { padding-top: 0em; padding-left:1em;}
*/

.news {}
.news dl { display: block;}
.news dt { margin-bottom: .5em;}
.news dt span {}
.news dt .news_date {}
.news dt .news_tag {}
.news dd {}


  /* ===========================
   txtbox
  =========================== */
  /* WIDE TABLE */
  .txtbox table.wide_table,
  .txtbox table.widetable { display: block; max-width:100%; overflow: auto; border: none;}
  .txtbox table.wide_table caption,
  .txtbox table.widetable caption { display: block;}
  .txtbox table.wide_table tbody,
  .txtbox table.widetable tbody { display: table;}
  .txtbox table.wide_table thead,
  .txtbox table.widetable thead,
  .txtbox table.wide_table tbody,
  .txtbox table.widetable tbody,
  .txtbox table.longtable thead,
  .txtbox table.longtable tbody { white-space: nowrap;}
  .txtbox table.wide_table img,
  .txtbox table.widetable img { height: auto; max-width: inherit;}

  /* カレンダーの表調整 */
  .txtbox table.calendar.wide_table tbody,
  .txtbox table.calendar.widetable tbody { white-space: pre-wrap ;}
  .txtbox table.calendar.wide_table td,
  .txtbox table.calendar.widetable td { min-width: 9em;}


  /* 画像左右の調整 */
  .txtbox table .image_box_left,
  .txtbox table .image_box_right { float: none; clear: both; display: block; width: auto; max-width: inherit; margin: 0 auto;}



  /* ===========================
   form
  =========================== */
  .contents .form_section input[type=radio] { float: left; margin: 0.35em 1em 1.1em 1.5em; clear: both;}
  .contents .form_section label { margin-bottom: 1.5em; float: left;}
  .contents .form_section form fieldset { padding-top: 1.5em;}


  /* ===========================
   acrotat
  =========================== */
  .acrobat {}
  .acrobat_wrap { display: block;}
  .acrobat_icon { text-align: center;}
  .acrobat_icon,
  .acrobat_comment { width: auto; margin: 0 auto;}
  .acrobat_button { display: flex; justify-content: center; margin-left: 0;}
  
  /* ===========================
   お問い合わせ
  =========================== */
  .info_section_inner { display: block;}
  .info_section_button { display: flex; justify-content: center; margin: 0 auto;}
  

	/*************************************************
	 カレンダー 追記
	**************************************************/
	/* イベント検索 */
	  .search_category legend { float: none;}

	/**/
	table.calendar.list td dl { display: block;}
	/*
	table.calendar:not(.list) th,
	table.calendar:not(.list) td { min-width: 10em; }
	*/
	table.calendar td { width: auto;}
	
	table.calendar.list td dl dt { justify-content: flex-start; width: calc(100% - 8px); padding-top: 0.2em; padding-bottom: 0.2em; font-size: 0.85em;}
	table.calendar.list td dl dt:after { right: inherit; position: static; padding-top: 0.4em; padding-bottom: 0.4em; font-size:0.6em;}
	table.calendar.list td dl dd,
	table.calendar.list td.sat dl dd,
	table.calendar.list td.sun dl dd { width: calc(100% - 8px); background-color: transparent;}
	table.calendar.list .evet_wrap { border-top: 2px dotted #aaa;}
	table.calendar.list td dl dd .evet_wrap:first-child { border: none;}


}





/*************************************************
 lightbox
**************************************************/
#lightbox{position:absolute}
#lightbox,#lightbox div{overflow:inherit}
body:after{content:url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);display:none}
.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;opacity:.8;display:none}
.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:400}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;z-index:20}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}
.lb-outerContainer:after{content:"";display:table;clear:both}
.lb-container{padding:4px}
.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}
.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../img/loading.gif) no-repeat}
.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
.lb-container>.nav{left:0}
.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}
.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../img/prev.png) left 48% no-repeat;opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-prev:hover{opacity:1}
.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../img/next.png) right 48% no-repeat;opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}
.lb-nav a.lb-next:hover{opacity:1}
.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}
.lb-dataContainer:after{content:"";display:table;clear:both}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}
.lb-data .lb-caption{font-size:1em;font-weight:700;line-height:1em}
.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:0.9em;color:#999}
.lb-data .lb-close,.lb-data .lb-download{display:block;float:right;width:30px;height:30px;text-align:right;outline:0;opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
.lb-data .lb-download{background:url(../img/download.png) top right no-repeat;width:83px}
.lb-data .lb-close{background:url(../img/close.png) top right no-repeat}
.lb-data .lb-close:hover{cursor:pointer;opacity:1}