﻿@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;}
#wnk_l:after{content:"@";}

.indentc1{padding-left:.1em;}
.indentc2{padding-left:.2em;}
.indentc3{padding-left:.3em;}
.indentc4{padding-left:.4em;}
.indentc5{padding-left:.5em;}
.indentc6{padding-left:.6em;}
.indentc7{padding-left:.7em;}
.indentc8{padding-left:.8em;}
.indentc9{padding-left:.9em;}
.indent1{padding-left:1em;}

/* 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:9em;padding-left:.5em;float:left;}
.news dd{margin-left:0;padding-left:9.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 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,
article section.link_section 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);}

/* section */
article section li { position: relative; padding-left: 2em;}
article section li:before { content: ""; position: absolute; display: block;}

/* 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;}
label[for="iken"] { display: block; margin-bottom: 0.5em;}
label[for^="u_"],
label[for^="s_"] { margin-right: 2em;}


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