@charset "UTF-8";

/**
 * page.css
 */

 @import url("honbun-body.css");

/* 本文（con > main > thispage内） ============================== */
.thispage {
  margin-bottom: 24px; padding: 8px;
}
/* clearfix */
.thispage { zoom: 1; }
.thispage:after { content: ""; display: block; clear: both; }

/* タイトル部 */
.page-title-area {}
.page-title-waku {}
.page-title {}
.page-title h1 { /* ページタイトル */
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 4px solid #e34427;
  color: #333;
  font-size: 2.4rem; font-weight: bold; line-height: 1.2;
}

.page-update {
  color: #666;
  font-size: 1.2rem;
  text-align: right;
}
.page-com {
}

/* 本文部分 */
#page-honbun {
  clear: both;
  margin: 0; padding: 0;
  line-height: 1.5;
}
.honbun-body {
  clear: both;
  width: 100%;
  margin-bottom: 1em;
}
.honbun-body p {}
/* 写真のレイアウト */
.photo-under, .photo-top, .photo-left, .photo-right {
  margin: 0.5em auto;
  text-align: center;
}
.photo-under img, .photo-top img, .photo-left img, .photo-right img {
  margin: 0 auto;
}
@media ( min-width : 768px ), print {
  .photo-left {
    float: left;
    margin: 0 0 0.5em 0; padding-right: 1em;
    background: #fff;
  }
  .photo-right {
    float: right;
    margin: 0 0 0.5em 0; padding-left: 1em;
    background: #fff;
  }
}

/* 文章のレイアウト */
.body-center { /* photo-under, photo-top の時 */
  margin: 0;
}
.body-txt { /* photo-left, photo-right の時 */
  margin: 0;
}
.body-left {}
.body-right {}

/* フリータグ */
.body-ftg {
  margin: 1em 0;
}

/* googlemaps */
#maps-kosodate, .maps-canvas {
  width: 100%;
  height: 320px;
  margin-bottom: 8px;
}
#maps-kosodate-sidebar, .maps-list-sidebar {
  width: 100%;
  margin: 0; padding: 0;
  list-style: none;
}
/* googlemaps */
@media ( min-width : 768px ), print {
  #maps-kosodate, .maps-canvas {
    float: left;
    width: 66.0%;
    height: 600px;
  }
  #maps-kosodate-sidebar, .maps-list-sidebar {
    float: right;
    width: 32.0%;
    margin-left: 2%;
  }
}

.infoWindow {
  line-height: 1.4;
}
.infoWindow .title, .infoWindow .title a {
  font-size: 16px;
  font-weight: bold;
}

/* ツリー表示 ============================== */

.tree {
  clear: both;
  margin: 20px 0 20px 0; padding: 0;
}
  
#main  .treebox {  }
#main2 .treebox {  }
  
.treebox {
  /*margin-bottom: 16px;*/
}
.tree-page,
.tree-page-l2,
.tree-page-l3,
.tree-page-l4,
.tree-page-l5 {
  float: left;
  width: 100%;
  margin: 0 0 16px 0; padding: 0;
  border-radius: 4px;
  border: 1px solid #ddd;
}
.tree-page {
  float: none;
  margin: 20px 0;
}

@media ( min-width : 768px ), print {
  .tree-page-l2,
  .tree-page-l3,
  .tree-page-l4,
  .tree-page-l5 { margin-left: 2%; }

  .tree-page-l2:first-child,
  .tree-page-l3:first-child,
  .tree-page-l4:first-child,
  .tree-page-l5:first-child { margin-left: 0; }

  .tree-page-l2 { width: 49.0%; }
  .tree-page-l3 { width: 32.0%; }
  .tree-page-l4 { width: 23.5%; }
  .tree-page-l5 { width: 18.37%; }
}

.tree-header {}
.tree-title {}

.tree-title h2,
.tree-title h3 {
  margin: 10px;
  font-size: 1.8rem; font-weight: bold;
}
.tree-title h2:before {
  content: "\f0da";
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 0.3em;
  color: #e34427;
  font-size: 120%;
}
.tree-title a {}
.tree-title a:hover {}
.tree-title img {
  display: inline-block;
  vertical-align: middle;
}

.tree .thum {
  clear: both; float: left;
  max-width: 160px;
  margin: 5px 0 10px 0; padding: 0 10px;
}
.tree-page-l3 .thum, .tree-page-l4 .thum, .tree-page-l5 .thum {
  float: none;
  max-width: 100%;
  margin: 0 0 10px 0; padding: 0;
}
.tree-com {
  margin: 10px;
}
.tree-update {
  margin: 10px;
  text-align: right;
  font-size: 90%;
  white-space: nowrap;
}

.pager {
  clear: both;
  margin: 10px 0 20px 0; padding: 10px;
  text-align: center;
}
.pager span {
  position: relative;
  margin: 0; padding: 5px 10px;;
  border-radius: 4px;
  background: #f5f5f5;
  box-shadow: 0 3px 0 #e5e5e5;
}
.pager span:hover { /* hover */
  top: 2px;
  box-shadow: 0 1px 0 #e5e5e5;
}
.pager .prev,
.pager .next,
.pager .page-no1 {  /* link */
}
.pager .page-no2 {  /* current */
  background: #e5e5e5;
  box-shadow: 0 3px 0 #e5e5e5;
}
.pager .pager-bar {
  display: none;
}

/* 署名 ============================== */
.signature {
  margin: 20px 0;
  padding: 8px 16px;
  border-top: 1px solid #e5e5e5;

  background: #f7f6f2;
  background: -moz-linear-gradient(top,  #f7f6f2 0%, #ffffff 70%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f6f2), color-stop(70%,#ffffff));
  background: -webkit-linear-gradient(top,  #f7f6f2 0%,#ffffff 70%);
  background: -o-linear-gradient(top,  #f7f6f2 0%,#ffffff 70%);
  background: -ms-linear-gradient(top,  #f7f6f2 0%,#ffffff 70%);
  background: linear-gradient(to bottom,  #f7f6f2 0%,#ffffff 70%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f6f2', endColorstr='#ffffff',GradientType=0 );
}

/* submenu-area ============================== */

.submenu__omit a {
  display: block;
  padding: 5px 10px;
  color: #666;
  text-align: right;
}

/* side-banner ============================== */
#side-banner {}
#side-banner .banner {
  margin: 0; padding: 0;
  list-style: none;
}
#side-banner .entry {
  margin-bottom: 10px;
}
#side-banner .title a {
  padding-left: 16px;
  background: url('../images/point-green.png') no-repeat left .15em;
}

/* フッター（waku-footer） ============================== */
#pagenavi {
  margin-bottom: 24px;
}
#pagenavi ul {
  margin: 0; padding: 0; list-style: none;
}
#pagenavi .prev  { float: left; }
#pagenavi .print { display: none; }
@media ( min-width : 768px ), print {
  #pagenavi .print { display: block; float: right; }
}
#pagenavi .prev a,
#pagenavi .print a {
  display: inline-block;
  padding: 4px 16px;
  border-radius: 4px;
  background-color: #74b441;
  color: #fff;
}

/* module ============================== */
.module {
  clear: both;
  margin: 0; padding: 0;
  padding-top: 10px;
  }

/* prn ============================== */
body.prn {
  margin: 1em;
  background: none;
  }

#site-prn {}
#main-prn {}
#print-button,
#print-close {
  float: right;
}
    
#main-prn .thispage {
  clear: both;
}
#main-prn .page-title-area {}
#main-prn .page-title-waku {}
#main-prn .page-title {}
#main-prn .page-title h1 {}
#main-prn .page-com {}

#site-prn .top-waku-footer {
  border-top: 1px solid #333;
}
#site-prn #foot {
  background: none;
}
#site-prn #foot .inner {
  width: 100%;
}
#site-prn #foot .address {
  margin: 0; padding: 0;
  background: none;
}

/* エラーページ ============================== */
.page-err {
  margin: 4em 0;
}

.notfound {}
.notfound h2 {
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
  color: #333;
  font-size: 125%;
}
.notfound input {
  border: 1px solid #999;
}

/* その他特殊なもの ============================== */

/* in, outside link */
.fa-external-link-square,
.fa-link {
  margin-left: 4px;
  color: #d6d1be;
}

/* share buttons */
#social-share-buttons {
  margin: 0 0 24px 0; padding: 0 16px;
  list-style: none;
}
#social-share-buttons li {
  display: inline-block;
  margin-right: 10px;
}
@media ( min-width : 768px ), print {
  #social-share-buttons {
    padding: 0;
  }
}

/* google maps */
#map_canvas {
  width: 100% !important;
  height: 0 !important; overflow: hidden;
  padding-top: 56.25%;
}
.googlemaps, .google-maps {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  overflow: hidden;
}
.googlemaps iframe, .google-maps iframe {
  position: absolute; left: 0; top: 0;
  width: 100% !important;
  height: 100% !important;
}
@media ( min-width : 768px ), print {
  .googlemaps, .google-maps {
    padding-bottom: 56.25%;
  }
}