@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 */
.txtbox img { max-width: 100%; height: auto;} /* 最大幅をtxtboxに合わせる */

/* 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:10em;padding-left:.5em;float:left;}
.news dd{margin-left:0;padding-left:10.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 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;}
.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;}
.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{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 */
.txtbox .required:after{content:'必須';display:inline-block;padding-left:.5em;color:#f20000;}
.txtbox form dt,
.txtbox form .dt{margin:.3em 0;width:100%;max-width:640px;border-bottom: 1px dotted #ccc;padding:.3em 0;display:block;}
.txtbox form dd,
.txtbox form .dd{margin-bottom:1em;}
.txtbox form dd p,
.txtbox form .dd p{font-size:0.9em;}
.txtbox form input[type="text"] {line-height:2em;border:1px solid #CCCCCC;width:95%;max-width:540px;}
.txtbox form input[type="submit"] {margin-right:.5em;height:50px;width:auto;min-width:100px;}
.txtbox form textarea{box-sizing:border-box;min-height:8em;border:1px solid #CCCCCC;width:98%;max-width:540px;}
.txtbox form input[type="text"]:focus,
.txtbox form textarea:focus{outline:none;border:1px solid #F00000;}

/*************************************************
 レスポンシブ　560 + 20 
**************************************************/
@media screen and (max-width:580px) {
  /* 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;}


  /* acrotat */
  .acrobat {}
  .acrobat_wrap { display: block;}
	.acrobat_icon { text-align: center;}
  .acrobat_icon,
  .acrobat_comment { width: auto; margin: 0 auto;}
	
}