@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 FADEIN*/
.fade_image { opacity: 0; transition-duration: 1.25s;}

.fade_image.active { opacity: 1;}

/* IMAGE BOX :n個並び */
.txtbox .box-image { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.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;} /* 下の余白 */
.txtbox .box-image li a span{display:block;}

/* 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 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{ 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:0.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;}

/*「探す」用*/
.txtbox form input[type="checkbox"],.txtbox form input[type="radio"]{margin:0.8em; transform:scale(1.7);}
.txtbox form label{font-size:1.2em; cursor:pointer;}
.txtbox form input[type="button"] {font-size:1.4em; padding:0.5em 1.5em; cursor:pointer;}
.txtbox form input[type="text"]{font-size:1.2em; padding:0.5em;}
.txtbox .search a,#searchword,{font-size:1.5em;}

/* 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;}

/*************************************************
 レスポンシブ　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;}

  /* 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%;}
	

/* 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;}
	
}


