@charset "utf-8";
/*************************************************
 detail.css
**************************************************/
p.locus{margin:1em 0;}
p.center{text-align:center;}
p.right{text-align:right;}

.font_kyoutyo{font-weight:bold;}
.font_coment{font-size:80%;}
.font_red{color:#dd0000;}


/* スキップリンク */
#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;}


/* ===========================
 画像
=========================== */
.txtbox img { max-width: 100%; height: auto;} /* 最大幅をtxtboxに合わせる */
.txtbox img[style*="border"] { border-style: solid; box-sizing: border-box;}


/* IMAGE BOX :n個並び */
.txtbox .box-image { display: block;}
.txtbox .box-image:after { isplay: 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;}


.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_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;}

.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 0.7em;}
.news dt{width:6em;padding-left:.5em;float:left;}
.news dd{margin-left:0;padding-left:6.5em;border-bottom:1px dotted #CCCCCC;}
.nodata{border:2px solid #CCCCCC;padding:.5em;}




/* ===========================
 Google
=========================== */
/* Google Map */
/*
.mapobject_map{width:auto;height:600px;border:1px solid #CCCCCC;}
.mapobject_map .gm-style,
.mapobject_map .gm-style div{font-size:1em!important;font-weight:normal!important;line-height:1.3;}
.mapobject_map .gm-style .gm-style-cc span,
.mapobject_map .gm-style .gm-style-cc a,
.mapobject_map .gm-style .gm-style-mtc div,
.mapobject_map .gm-style .gm-style-iw{font-size:.8em!important;font-weight:normal!important;line-height:1.3;}
.mapobject_map .gm-style,
.mapobject_map .gm-style div{font-size:1em!important;font-weight:normal!important;line-height:1.3;}
.mapobject_map .gm-style .gm-style-cc span,
.mapobject_map .gm-style .gm-style-cc a,
.mapobject_map .gm-style .gm-style-mtc div,
.mapobject_map .gm-style .gm-style-iw{font-size:.8em!important;font-weight:normal!important;line-height:1.3;}
.mapobject_map .gm-style a{text-decoration:underline!important;}
*/

#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 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;}
.txtbox ul > li:before {content:"";position:absolute;display:block;top:.3em;left:8px;width:.7em;height:.7em;background:#CCCCCC;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; border:none;}
.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;}


/* 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;}
.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; align-items: center; flex-wrap: wrap;}
.acrobat_icon { width: 159px;}
.acrobat_comment { width: calc(100% - 159px - 1em); margin-left: 1em; font-size: 0.9em;}
.acrobat_comment *:last-of-type{ margin-bottom: 0;}


/* 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; width:12.5em; 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"]{line-height:2em;border:1px solid #CCCCCC;width:95%;max-width:540px;}
form input[type="submit"] {margin-right:.5em;}
form textarea{box-sizing:border-box;min-height:8em;border:1px solid #CCCCCC;width:98%;max-width:540px;}
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="tel"]:focus,
form textarea:focus{outline:none;border:1px solid #F00000;}

label[for="iken"] { display: block; margin-bottom: 0.5em;}
label[for^="u_"],
label[for^="s_"] { margin-right: 2em;}


.formdata .wcf__input ul li { padding-right: 0.8em;}
.formdata .wcf__confirm__input p { margin-top: 1.5em; margin-bottom: 0.4em; border-bottom: 1px solid #e5e5e5;}
.formdata .wcf__confirm__input ul { margin-left: 0.5em;}
.formdata .wcf__complete { font-size: 1.2em;}

/* form v3 */
.formdata .wcf__required legend:after{margin-left:1em;content:"必須";display:inline-block;color:#f20000;}
.formdata .wcf__confirm__back{background:#f0f0f0;}
.formdata .wcf__confirm__submit{background:#F7C84D;}
.formdata.txtbox ul > li{padding-left:2em;}
.formdata.txtbox ul > li:before{display:none;}
.formdata .wcf__confirm__input li p{border-bottom:1px dotted #ccc;}


/* 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: 28px; background: 4px center no-repeat;}
a.sizeview { background-image:url(../img/file_list_mark.png);}
a.sizeview[href$=".pdf"] { background-image:url(../img/file_list_mark_pdf.png);}
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"] { 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: 0.9em; height: 0.9em; margin-left: 0.2em; background: center center no-repeat url("../img/ico_outside.png"); background-size: contain;}


/* calendar */
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;}

/* calendar 今日の日付 */
table.calendar td.today { background-color: #D9D900;} /* カレンダー表示 */
table.calendar.list td.today { background-color: #D9D900;} /* リスト表示 */



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;}


/* enquate v3*/
.form_section .wcf div{margin:0;padding:0;}
.form_section .wcf legend{margin:0 0 .5em 0;padding:0;}
.form_section .wcf .wcf__input ul li{display:inline-block;}
.form_section .wcf u fieldset,
.form_section .wcf ul {padding:0;margin:0;}
.form_section .wcf p{padding:0;margin:0;}
.form_section .wcf p.wcf__comment{font-size:.88em;}
.form_section .wcf p.wcf__validation_error{color:#f20000;font-weight:bold;}
.form_section .wcf fieldset{margin:0 0 1em 0;padding:0;}
.form_section .wcf .wcf__confirm__input li{padding:0 0 .5em 0;}
.form_section .wcf legend{padding-bottom:.3em;}
.form_section .wcf ul li:before{display:none;}
.contents .article .form_section  ul li{padding: 0 .8em .4em 0}
.form_section .wcf input[type="checkbox"][disabled] + *{color:#767676;}

/* sitesearch */
.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;position:absolute;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;}




/*************************************************
 レスポンシブ　560 + 20 
**************************************************/
@media screen and (max-width:580px) {
	
  .txtbox table.widetable{display:block;max-width:100%;overflow:auto;border:none;}
  .txtbox table.widetable caption{display:block;}
  .txtbox table.widetable tbody{display:table;}
  .txtbox table.widetable thead,
  .txtbox table.widetable tbody,
  .txtbox table.longtable thead,
  .txtbox table.longtable tbody{white-space: nowrap;}


  .txtbox table.calendar.widetable tbody { white-space: pre-wrap ;}
  .txtbox table.calendar.widetable td { min-width: 9em;}



  /* 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 .image_box_left,
  .txtbox .image_box_right { max-width: 98%;}
  .txtbox .image_box_left,
  .txtbox .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;}


  /* 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;}
  */

  .wcf__input ul li { margin-top: 1em; margin-bottom: 1em;}


  /* acrotat */
  .acrobat {}
  .acrobat_wrap { display: block;}
	.acrobat_icon { text-align: center;}
  .acrobat_icon,
  .acrobat_comment { width: auto; margin: 0 auto;}
	
}


