@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;}

/* IMAGE BOX */
.txtbox .box-image { padding: 1em 0 0;}
.txtbox .box-image li { margin: 0 1% 1%; padding: 0; float: left; text-align: center; }
.txtbox .box-image li:before { display: none;}
.txtbox .box-image li img { max-width: 100%; height: auto;}
.txtbox .box-image li p { padding-top: 0.5em; font-size: 0.8em;}
.txtbox .box-image.single li { width: 60%; padding-left: 19%; padding-right: 19%; float:none;}
.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),
.txtbox .box-image li.clear{clear:both;}
.txtbox .image_box {margin: 0px 0px 10px; padding-bottom: 0;}
.txtbox .image_box img{max-width: 100%; height: auto;}
.txtbox .image_box_center {min-width:240px; width: 50%; max-width: 80%; margin: 0px auto 10px; padding-right: 2em;}
.txtbox .image_box_left,
.txtbox .image_box_right {max-width: 50%; }
.txtbox .image_box_left {float: left; margin-right: 10px;}
.txtbox .image_box_right {float: right; margin-left: 10px;}
.txtbox .image_box_left p,
.txtbox .image_box_right p{padding-top: 0.5em; font-size: 0.85em; text-align:center;}
.txtbox img{max-width:100%;height:auto;}

/* box-image :n個並び */
.txtbox .box-image {padding:1em 0 0;}
.txtbox .box-image li {margin:0 1% 1%;padding:0;float:left;text-align:center;}
.txtbox .box-image li:before {display:none;}
.txtbox .box-image li img {max-width:100%;height:auto;}
.txtbox .box-image li p {padding-top:.5em;font-size:.8em;}
.txtbox .box-image.single li {width:60%;padding-left:19%;padding-right:19%;float:none;}
.txtbox .box-image.double li {width:48%;}
.txtbox .box-image.triple li {width:31.333333%;}
.txtbox .box-image.quadruple li {width:23%;}
.txtbox .box-image.pentadruple li {width:18%;}
.txtbox .box-image.hexatruple li {width:14.666666%;}
.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),
.txtbox .box-image li.clear{clear:both;}

/* IMAGE BOX :左・右 */
.txtbox .image_box {margin:0 0 10px;padding-bottom:0;}
.txtbox .image_box img{max-width:100%;height:auto;}
.txtbox .image_box_center {min-width:240px;width:50%;max-width:80%;margin:0 auto 10px;padding-right:2em;}
.txtbox .image_box_left,
.txtbox .image_box_right {max-width:50%;}
.txtbox .image_box_left {float:left;margin-right:10px;}
.txtbox .image_box_right {float:right;margin-left:10px;}
.txtbox .image_box_left p,
.txtbox .image_box_right p{padding-top:.5em;font-size:.85em;text-align:center;}

/* 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 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;}

/* 段落 */
.txtbox p,
.txtbox table,
.txtbox dl{margin:0 0 1em 0;padding-left:.5em;}
.txtbox img{max-width:100%;height:auto;}
.txtbox th p,
.txtbox td p{padding:0;margin:0;}
.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%;}

/* 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;}

/* WIDETABLE */
.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;}
.txtbox tr.saturday { background-color: rgba(219,231,254,1);}
.txtbox tr.sunday { background-color: rgba(253,230,230,1);}

/* file */
ul.file_list li:before{top:0;bottom:0;left:4px;height:auto;width:1em;max-width:16px;background:url(../img/file_list_mark.gif) center center no-repeat;background-color:transparent;border-radius:0;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.gif);}
ul.file_list li.xls:before {background-image:url(../img/file_list_mark_xls.gif);}

/* acrotat */
.acrobat {margin:0 0 1em 0;padding:.5em;border:3px solid #EFEFEF;}
.acrobat .icon{margin:0 8px 0 0;border:none;float:left;}
.acrobat p{margin:0;font-size:.9em;}

/* menu */
.menu_list {padding-left: 0;}
.menu_list li{padding:.8em 0 0.7em;margin-left:0;border-bottom:1px dotted #CCCCCC;}
.menu_list li .menu_text{display:block;font-size:.9em;}

/* 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{float:left;display:block;border:1px solid #CCCCCC;padding:.4em .8em;text-decoration:none;}
.pager ul li a.link_next{float:right;}
.pager ul li a.link_before:before{content:"< ";}
.pager ul li a.link_next:after{content:"> ";} 

/* form */
form dt{width:12.5em;}
form dd{padding-left:13em;}
form input[type="text"]:focus{outline:none;border:1px solid #CFEDF3;}
form input[type="text"] {line-height:1.1em;border:1px solid #CCCCCC;}
form input[type="submit"] {margin-right:.5em;}
form textarea{width:100%;box-sizing:border-box;}
.form_section form textarea{display:block;margin-top:.5em;}

/*----------------------------------------------
  イベント欄
-----------------------------------------------*/
.event_section .event{margin:.8em;padding:1.7em 1.2em 0.7em 1.2em;border:3px solid #c6c6c6;}
.event_section .event dt{width:9em;margin:0 0 .7em 0;padding: .3em 0;color:#FFFFFF;font-weight:bold;background: #257!important;text-align: center;float:left;clear:both;}
.event_section .event dd{margin:0 0 1em;padding: .3em 0 .8em 10.6em;border-bottom:1px dotted #666666;}
.event_section .event dt.sp_none{}
.event_section .event dd.sp_none{min-height:2.7em;}

/* 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 { 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: "日（土曜日）";}


.txtbox table.wide_table.calendar tbody,
.txtbox table.widetable.calendar tbody,
.txtbox table.wide_table.calendar.list tbody,
.txtbox table.widetable.calendar.list tbody{display:table-row-group;}

/*************************************************
 レスポンシブ　640 + 20 
**************************************************/
@media screen and (min-width:0px) and (max-width:660px) {
.txtbox table.widetable thead,
.txtbox table.widetable tbody{white-space: nowrap;}
  .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;}

  .txtbox .box-image.single li {width:98%;padding-left:0;padding-right:0;}
  .txtbox .box-image.triple li,
  .txtbox .box-image.quadruple li {width:48%;}
  .txtbox .box-image.pentadruple li,
  .txtbox .box-image.hexatruple li {width:31.333333%;}
  .txtbox .box-image.triple li:nth-child(3n+1),
  .txtbox .box-image.pentadruple li:nth-child(5n+1),
  .txtbox .box-image.hexatruple li:nth-child(6n+1) {clear:none;}
  .txtbox .image_box_left,
  .txtbox .image_box_right {max-width:100%;}
  .txtbox .image_box_left,
  .txtbox .image_box_right {float:none;margin-right:0;margin-left:0;}
  .txtbox .image_box_left p,
  .txtbox .image_box_right p{padding-top:.5em;font-size:.85em;text-align:center;}
  
  .acrobat .icon {margin:0 auto 8px;float:none;}

  .contents article .overview_table {width:100%;}
  .contents article .overview_table th,
  .contents article .overview_table td{display:block;width:auto;text-align:left;}
  .contents article .overview_table td{padding-top:0;padding-bottom:.7em;}
  .contents article .overview_table th,
  .contents article .overview_list dt{border:none;margin-bottom:.8em;padding:.3em;font-weight:bold;}
  .contents article .overview_table td,
  .contents article .overview_list dd{border:none;border:none;padding-left:0;margin-bottom:0;}
  .contents article .organization_table{border-collapse: collapse;border:none;width: 100%;}
  .contents article .organization_table .title{display:none;}
  .contents article .organization_table tr{border:none;display:block;margin:0 0 .8em;;padding:0;width:auto;}
  .contents article .organization_table td{border:none;display:block;margin:0px;padding:.3em 0;width:auto;}
  .contents article .organization_table td.headtitle{margin:0 0 .5em;padding:.75em .4em;color:#000000;background:#f4f4f4;border-left:4px solid #0044cc;}
  .contents article .organization_table td.headtitle a{color:#000;}
  .contents article .organization_table td.nodata{display:none;}
  
  /* form */
  .contents .form_section input[type=radio] { float: left; margin-left: 1.5em; margin-right: 1em; margin-bottom: 1.5em; clear: both;}
  .contents .form_section label { margin-bottom: 1.5em; float: left;}
  .contents .form_section form fieldset { padding-top: 1.5em;}
  .contents .article .map_ground {width: 90%;margin-left: auto;margin-right: auto;}

  /* イベントカレンダー */
  .event_section .event dt { float: none; width: auto;}
  .event_section .event dd { padding-left: 0;}

}